播放器

最新推荐文章于 2024-03-23 09:52:31 发布
最新推荐文章于 2024-03-23 09:52:31 发布
阅读量1.8k 收藏 3
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hdchangchang/article/details/17258387
版权

1、windows Media Player：（ie专用）

属性/方法名：说明：
URL:String;指定媒体位置，本机或网络地址
uiMode:String;播放器界面模式，可为Full, Mini, None, Invisible
playState:integer;播放状态，1=停止，2=暂停，3=播放，6=正在缓冲，9=正在连接，10=准备就绪
enableContextMenu:Boolean;启用/禁用右键菜单
fullScreen:boolean;是否全屏显示
[controls]wmp.controls //播放器基本控制
controls.play;播放
controls.pause;暂停
controls.stop;停止
controls.currentPosition:double;当前进度
controls.currentPositionString:string;当前进度，字符串格式。如“00:23”
controls.fastForward;快进
controls.fastReverse;快退
controls.next;下一曲
controls.previous;上一曲
[settings]wmp.settings //播放器基本设置
settings.volume:integer;音量，0-100
settings.autoStart:Boolean;是否自动播放
settings.mute:Boolean;是否静音
settings.playCount:integer;播放次数
[currentMedia]wmp.currentMedia //当前媒体属性
currentMedia.duration:double;媒体总长度
currentMedia.durationString:string;媒体总长度，字符串格式。如“03:24”
currentMedia.getItemInfo(const string);获取当前媒体信息"Title"=媒体标题，"Author"=艺术家，"Copyright"=版权信息，"Description"=媒体内容描述，"Duration"=持续时间（秒），"FileSize"=文件大小，"FileType"=文件类型，"sourceURL"=原始地址
currentMedia.setItemInfo(const string);通过属性名设置媒体信息
currentMedia.name:string;同 currentMedia.getItemInfo("Title")
[currentPlaylist]wmp.currentPlaylist //当前播放列表属性
currentPlaylist.count:integer;当前播放列表所包含媒体数
currentPlaylist.Item[integer];获取或设置指定项目媒体信息，其子属性同wmp.currentMedia

问题一：播放后（axWindowsMediaPlayer1.currentMedia.duration）无法及时获取播放文件的总时间

 方案：使用   axWindowsMediaPlayer1.newMedia(URL).duration  （获取的是总的毫秒数，url为播放文件的路径。）

一个小例子：

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <style type="text/css">
        *                                      {padding:0px;margin:0px;font-size:12px;color:#333;font-family:"微软雅黑"}
        .fl                                    {float:left}
        .clearfix:after                        {content: "."; display: block; height: 0!important; line-height: 0; font-size: 0; overflow: hidden; visibility: hidden; clear: both; }
        .clearfix                              {*zoom: 1; *display: table; }
        
        
        .player_box  {border:1px solid #0094ff;width:300px;background-color:#e1e1e1;margin:10px;padding:10px;}
        .btn         {background-color:#0094ff;color:#fff;margin-right:10px;width:50px;display:block;float:left;text-align:center;height:22px;line-height:22px;cursor:pointer}
        .jd_duration {width:180px;background-color:#cdcdcd;height:15px;position:relative;cursor:pointer;}
        .jd          {background-color:#0094ff;height:15px;}
        .jp-current-time,.jp-duration {position:absolute;top:16px;}
        .jp-current-time {left:0px;}
        .jp-duration {right:0px;}
        .dn          {display:none;}
    </style>
    <script src="js/jquery-1.8.3.js"></script>
    <script>
        //载入播放控件
        function LoadMusicControls() {
            var playBox = document.getElementById("playBox");
            var str = "";
            str += "";
            str += "<OBJECT id=\"WindowsMediaPlayer\" height=\"0\" width=\"0\" classid=\"clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6\" style=\"position:relative;left:0px; top:0px;width:0px;height:0px;\" class=\"musicojb\">";
            str += "<PARAM NAME=\"url\" VALUE=\"\">";
            str += "<PARAM NAME=\"rate\" VALUE=\"1\">";
            str += "<PARAM NAME=\"balance\" VALUE=\"0\">";
            str += "<PARAM NAME=\"currentPosition\" VALUE=\"0\">";
            str += "<PARAM NAME=\"defaultFrame\" VALUE=\"\">";
            str += "<PARAM NAME=\"playCount\" VALUE=\"1\">";
            str += "<PARAM NAME=\"autoStart\" VALUE=\"0\">";
            str += "<PARAM NAME=\"currentMarker\" VALUE=\"0\">";
            str += "<PARAM NAME=\"invokeURLs\" VALUE=\"0\">";
            str += "<PARAM NAME=\"baseURL\" VALUE=\"\">";
            str += "<PARAM NAME=\"volume\" VALUE=\"100\">";
            str += "<PARAM NAME=\"mute\" VALUE=\"-1\">";
            str += "<PARAM NAME=\"uiMode\" VALUE=\"none\">";
            str += "<PARAM NAME=\"stretchToFit\" VALUE=\"-1\">";
            str += "<PARAM NAME=\"windowlessVideo\" VALUE=\"0\">";
            str += "<PARAM NAME=\"enabled\" VALUE=\"-1\">";
            str += "<PARAM NAME=\"enableContextMenu\" VALUE=\"-1\">";
            str += "<PARAM NAME=\"fullScreen\" VALUE=\"0\">";
            str += "<PARAM NAME=\"SAMIStyle\" VALUE=\"\">";
            str += "<PARAM NAME=\"SAMILang\" VALUE=\"\">";
            str += "<PARAM NAME=\"SAMIFilename\" VALUE=\"\">";
            str += "<PARAM NAME=\"captioningID\" VALUE=\"\">";
            str += "<PARAM NAME=\"enableErrorDialogs\" VALUE=\"0\">";
            str += "<PARAM name=\"SendPlayStateChangeEvents\" value=\"0\">";
            str += "<PARAM name=\"SendOpenStateChangeEvents\" value=\"0\">";
            str += "<PARAM NAME=\"_cx\" VALUE=\"5080\">";
            str += "<PARAM NAME=\"_cy\" VALUE=\"5080\">";
            str += "<\/OBJECT>";
            playBox.innerHTML = str;
        }
        window.onload = function () {

            //加载播放控件
            LoadMusicControls();

            var oWindowsMediaPlayer = document.getElementById("WindowsMediaPlayer");
            var oControls = $(oWindowsMediaPlayer).find("");
            var oPlay = document.getElementById("play");
            var oPause = document.getElementById("pause");
            var oStop = document.getElementById("stop");
            var oSeekBar = document.getElementById("seekBar"), oSeekBarW = oSeekBar.offsetWidth;
            var oPlayBar = document.getElementById("playBar"); //进度条
            var oCurrentTime = document.getElementById("currentTime");
            var oDurationTime = document.getElementById("durationTime");
            // oWindowsMediaPlayer.controls.currentPosition  当前播放进度 时间
            // oWindowsMediaPlayer.currentMedia.duration  总播放长度 时间
            //play
            //alert(oWindowsMediaPlayer.newMedia("ILovedYou.wav").duration)
            var jd = null;
            oPlay.onclick = function () {
                var songName = "ILovedYou.wav"; //歌曲路径
                this.style.display = "none";
                oPause.style.display = "block";
                if (!oWindowsMediaPlayer.URL) {
                    oWindowsMediaPlayer.URL = songName;
                };
                oWindowsMediaPlayer.controls.play();

                //显示进度和时间
                jd = setInterval(function () {
                    //如果播放开始
                    if (oWindowsMediaPlayer.controls.currentPositionString) {
                        oCurrentTime.innerHTML = oWindowsMediaPlayer.controls.currentPositionString;
                        oDurationTime.innerHTML = oWindowsMediaPlayer.currentMedia.durationString;
                        //进度条
                        var nowJd = oWindowsMediaPlayer.controls.currentPosition;
                        var nowLen = oWindowsMediaPlayer.currentMedia.duration;
                        oPlayBar.style.width = Math.ceil(parseInt(nowJd * 10000 / nowLen, 10) * oSeekBarW / 10000) + "px";

                        //如果播放结束
                        //alert(oWindowsMediaPlayer.controls.currentPosition)
                        if ((oWindowsMediaPlayer.currentMedia.duration - oWindowsMediaPlayer.controls.currentPosition) * 100000 < 1) {
                            oWindowsMediaPlayer.controls.stop();
                            oCurrentTime.innerHTML = "00:00";
                            oPlayBar.style.width = "0px";
                            oPlay.style.display = "block";
                            oPause.style.display = "none";
                            clearInterval(jd);
                        }
                    }
                }, 10)
                //手动控制进度
                oSeekBar.onclick = function (event) {
                    var event = window.event || event;
                    var iLeft = window.event.offsetX;
                    oPlayBar.style.width = iLeft + "px";
                    oWindowsMediaPlayer.controls.currentPosition = Math.ceil((iLeft / oSeekBarW) * 10000) * oWindowsMediaPlayer.currentMedia.duration / 10000;
                    oCurrentTime.innerHTML = oWindowsMediaPlayer.controls.currentPositionString;
                };
            };
            //oPause
            oPause.onclick = function () {
                this.style.display = "none";
                oPlay.style.display = "block";
                if (oWindowsMediaPlayer.controls.isavailable('pause')) {
                    oWindowsMediaPlayer.controls.pause();
                };
                clearInterval(jd);
            };
            //stop
            oStop.onclick = function () {
                if (oWindowsMediaPlayer.controls.isavailable('stop')) {
                    oWindowsMediaPlayer.controls.stop();
                };
                oPlay.style.display = "block";
                oPause.style.display = "none";
                //进度条
                oPlayBar.style.width = 0;
                clearInterval(jd);
                oCurrentTime.innerHTML = "00:00";
                oSeekBar.onclick = null;
            };
        }

    </script>
    
</head>
<body>
    <div id="playBox" style="display:none"></div>
    <div class="player_box clearfix">
        <div class="fl">
            <span class="btn play_btn" id="play">play</span>
            <span class="btn oPause_btn dn" id="pause">pause</span>
            <span class="btn stop_btn" id="stop">stop</span>
        </div>
        <div class="jd_duration fl" id="seekBar">
            <div class="jd" id="playBar" style="width:0px;"></div>
            <div class="jp-current-time" id="currentTime">00:00</div>
			<div class="jp-duration" id="durationTime">00:00</div>
        </div>
    </div>
</body>
</html>

2、jPlayer（官方地址：http://www.jplayer.org/）

      一个jquery插件，官方网站上有具体的使用方法。易上手。

      支持格式：

  • HTML5:  mp3, mp4 (AAC/H.264), ogg (Vorbis/Theora), webm (Vorbis/VP8), wav
  • Flash:     mp3, mp4 (AAC/H.264), rtmp, flv

参考：http://www.blueidea.com/tech/web/2006/3494.asp


hdchangchang
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JP播放器(一个32K的播放器什么都能播放).
08-24
JP播放器(一个32K的播放器什么都能播放).
JPVideoPlayer播放器
05-15
JPVideoPlayer播放器 JPVideoPlayer播放器 JPVideoPlayer播放器
推荐开源项目：JPVideoPlayer - 强大的Android视频播放器框架
最新发布
gitblog_00076的博客
03-23 411
推荐开源项目：JPVideoPlayer - 强大的Android视频播放器框架 项目地址:https://gitcode.com/newyjp/JPVideoPlayer 项目简介 JPVideoPlayer 是一个由Java编写的高性能Android视频播放库，旨在提供流畅、丰富的视频播放体验。该项目由开发者NewYin创建并维护，它不仅支持基本的视频播放功能，还提供了许多自定义选项和扩展性，...
JPVideoPlayer仿微博视频边下边播之滑动TableView 自动播放
03-28
1 仿微博视频边下边播之封装播放器 封装一个实现了边下边播并且缓存的视频播放器。 2 仿微博视频边下边播之滑动TableView自动播放 实现在tableView中滑动播放视频，并且是流畅，不阻塞线程，没有任何卡顿的实现滑动播放视频。当tableView滚动时，以什么样的策略，来确定究竟哪一个cell应该播放视频。
一款简洁的 jplayer 音乐播放器完整版
u013059525的博客
09-20 602
一款简洁 jplayer 音乐播放器，做音乐站很漂亮，直接套用就好了。
JPVideoPlayer 3.0 使用介绍
weixin_33802505的博客
04-14 4595
01. 引言 大家好，我是 NewPan，好久没冒泡了，去年下半年不加班的时间里，我一直在研究如何实现基于 AVPlayer实现视频支持拖拽进度的边下载边播放。这个过程缓慢又辛酸，中途数次看不到希望，差点放弃，但是最后还是坚持了下来，于是就有了现在全新的 3.0 版本。这次会分两篇文章讲解，第一篇是 3.0 的使用介绍，是写给那些只需知道如何使用的同学，接下来按照惯例，我会介绍源码的实现。 首先，...
音乐播放器LitePlayer 源码实例下载（博文详解）
03-25
4、通知栏提醒，实现仿QQ音乐播放器的通知栏功能. 涉及的技术有： 1、jsoup解析网络网页，从而获取需要的数据 2、android中访问网络，获取文件到本地的网络请求技术，以及下载文件到本地实现断点下载 3、线程池 4、...
易语言编写视频播放器
08-26
在本篇内容里小编给大家整理了关于易语言视频播放器编写的方法和步骤，需要的朋友们学习下。
音乐播放器
09-16
用C#和vs2015编写了一个简单音乐播放器，实现功能，多条音乐导入，播放、暂停、上下曲。采用vs2105自带的一个播放器控件
苹果CMS超级播放器专业版无授权全开源，附带安装教程
12-30
苹果CMS超级播放器专业版无授权全开源，附带安装教程
网页播放器
12-25
网页播放器源码，上传到服务器否即可，非常简单的播放器~
jp-pc.exe 荐片播放器
03-07
荐片播放器，希望帮助到想看最新片片的朋友们 。。
swift-JPVideoPlayer仿微博视频边下边播之滑动TableView自动播放
08-15
JPVideoPlayer：仿微博视频边下边播之滑动TableView自动播放
视频播放器
11-23
android开发利用VideoView和SurfaceView两种使用方式进行视频播放
最强大的播放器
06-16
最强大的播放器，不用不知道，用过才知道的。
jPlayer 基于HTML5/Flash的音频、视频播放器
08-21
jPlayer是一个JavaScript写的完全免费和开源 (MIT) 的jQuery多媒体库插件 (现在也是一个Zepto插件) jPlayer可以让你迅速编写一个跨平台的支持音频和视频播放的网页. jPlayer的丰富API可以让你创建一个个性化多媒体应用，因此也获得越来越多的社区成员的支持和鼓励。
JPVideoPlayer：一款强大的Android视频播放器库
gitblog_00073的博客
03-23 355
JPVideoPlayer：一款强大的Android视频播放器库 项目地址:https://gitcode.com/Chris-Pan/JPVideoPlayer JPVideoPlayer 是一个由Java和Kotlin编写的开源Android视频播放器库，它为开发者提供了丰富的自定义选项和优化的性能，使得在Android应用中集成高质量的视频播放功能变得简单易行。 项目简介 JPVideoPl...
跨平台视频播放器——jplayer初尝试
生如初夏，为你萧飒
03-17 2332
项目需要展示一个企业宣传片，遂去网上寻找一些能提供适应html5和非html5的视频播放器框架，找了一天下了好多js视频播放器框架，对比了好多demo发现了一个相对不错的框架“jplayer”，它是基于jQuery的，刚好jquery稍微熟一点，所以果断决定使用他了。 非常可喜的是，这个开源框架有一个中文学习网站，并且提供中文的API，这里附上网址： jPlayer中文网 在网站上可以
javafx 播放器
11-14
利用JavaFX可以创建并运行各种应用程序，包括音频和视频播放器。 JavaFX可以通过使用内置的媒体库来实现音频和视频播放功能。可以使用MediaPlayer类加载和播放音频和视频文件。该类提供了各种方法来控制播放器的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值