media.player.js

最新推荐文章于 2025-06-05 09:06:24 发布
最新推荐文章于 2025-06-05 09:06:24 发布
阅读量445 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： js插件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dxw1009636268/article/details/105274826

/** 定义一个新的player类 */
    /* MediaPlayer类定义 冰点原创 */
    function MediaPlayerE()
    {
        this.dom=null;
    }
    MediaPlayerE.uiMode=
    {
        Full:"full",
        Mini:"mini",
        None:"none",
        Invisible:"invisible"
    }
    MediaPlayerE.prototype={
        CreateAt:function(id)   //在指定ID的标签中创建MediaPlayer控件，大小由该标签决定
        {
            this.dom=document.createElement("object");
            this.dom.classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6";
            this.dom.style.width="800px";
            this.dom.style.height="600px";
            var container=document.getElementById(id);
            container.innerHTML="";
            container.appendChild(this.dom);
            this._Init();
        },
        BindID:function(id) //绑定一个已存在的Object标签，该标签应该为一个MediaPlayer控件
        {
            this.dom=document.getElementById(id);
            this._Init();
        },
        _Init:function()    //初始化，注册事件
        {
            var _this=this;
            this.dom.addEventListener("PlayStateChange",
                function(newState){_this.onPlayStateChange(newState)},true);
            this.dom.addEventListener("Buffering",function(bStart){ _this.onBuffering(bStart) },true);
            this.dom.addEventListener("Error",function(){ _this.onError(); },true);
            this.dom.addEventListener("PositionChange",
                function(oldPos,newPos){ _this.onPositionChange(oldPos,newPos); } ,true);
            this.dom.addEventListener("StatusChange",function(){ _this.onStatusChange(); },true)
        },
        onPlayStateChange:function(newState)
        {
            switch(newState)
            {
            case 1: //wmppsStopped
                this.onStop();
                break;
            case 2:  //wmppsPaused
                this.onPaused();
                break;
            case 3:  //wmppsPlaying
                this.onPlay();
                break;
            case 4:  //wmppsScanForward
                break;
            case 5:  //wmppsScanReverse
                break;
            case 6:  //wmppsBuffering
                this.onBuffering_SC();
                break;
            case 7:  //wmppsWaiting
                break;
            case 8:  //wmppsMediaEnded
                this.onMediaEnded();
                break;
            case 9:  //wmppsTransitioning
                this.onTransitioning();
                break;
            case 10:  //wmppsReady
                break;
            case 11:  //wmppsReconnecting
                break;
            case 12:  //wmppsLast
                break;
            case 0:  //wmppsUndefined
                break;
            default:
                break;
            }
        },
        // 事件列表
        onStop:function(){alert("停止事件");},
        onPaused:function(){alert("暂停事件")},
        onPlay:function(){alert("播放事件")},
        onBuffering_SC:function(){},
        onTransitioning:function(){},
        onMediaEnded:function(){},
        onError:function(){},
        onPositionChange:function(oldPos,newPos){},
        onStatusChange:function(){},
        onBuffering:function(bStart){},
         
        // 设置 暂时只做两个
        setMode:function(mode){ this.dom.uiMode=mode; },
        setValume:function(v){ this.dom.settings.volume=v; },
         
        // 各种属性
        getMediaName:function()
        {
            var media=this.dom.currentMedia;
            if(media)
            {
                return media.name;
            }
            return "";
        },
        getMediaDuration:function()
        {
            var media=this.dom.currentMedia;
            if(media)
            {
                return media.duration;
            }
            return "";
        },
        getMediaDurationString:function()
        {
            var media=this.dom.currentMedia;
            if(media)
            {
                return media.durationString;
            }
            return "";
        },
        getStatus:function(){ return this.dom.status; },
        getPosition:function(){ return this.dom.controls.currentPosition; },
        getPositionString:function(){ return this.dom.controls.currentPositionString; },
        getPlayState:function(){ return this.dom.playState; },
         
        //赋值方法
        setPosition:function(n){ this.dom.controls.currentPosition=n; },
        // 操作方法
        OpenUrl:function(URL){ this.dom.URL=URL; },
        Play:function(){ this.dom.controls.play(); },
        Pause:function(){ this.dom.controls.pause();},
        Stop:function(){ this.dom.controls.stop(); }
    }
    
    /* MediaPlayer类定义 冰点原创 */
    function MediaPlayer()
    {
        this.dom=null;
    }
    MediaPlayer.uiMode=
    {
        Full:"full",
        Mini:"mini",
        None:"none",
        Invisible:"invisible"
    }
    MediaPlayer.prototype={
        CreateAt:function(id)   //在指定ID的标签中创建MediaPlayer控件，大小由该标签决定
        {
            this.dom=document.createElement("object");
            this.dom.classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6";
            this.dom.style.width="800px";
            this.dom.style.height="600px";
            var container=document.getElementById(id);
            container.innerHTML="";
            container.appendChild(this.dom);
            this._Init();
        },
        BindID:function(id) //绑定一个已存在的Object标签，该标签应该为一个MediaPlayer控件
        {
            this.dom=document.getElementById(id);
            this._Init();
        },
        _Init:function()    //初始化，注册事件
        {
            var _this=this;
            this.dom.attachEvent("PlayStateChange",
                function(newState){_this.onPlayStateChange(newState)});
            this.dom.attachEvent("Buffering",function(bStart){ _this.onBuffering(bStart) });
            this.dom.attachEvent("Error",function(){ _this.onError(); });
            this.dom.attachEvent("PositionChange",
                function(oldPos,newPos){ _this.onPositionChange(oldPos,newPos); } );
            this.dom.attachEvent("StatusChange",function(){ _this.onStatusChange(); })
        },
        onPlayStateChange:function(newState)
        {
            switch(newState)
            {
            case 1: //wmppsStopped
                this.onStop();
                break;
            case 2:  //wmppsPaused
                this.onPaused();
                break;
            case 3:  //wmppsPlaying
                this.onPlay();
                break;
            case 4:  //wmppsScanForward
                break;
            case 5:  //wmppsScanReverse
                break;
            case 6:  //wmppsBuffering
                this.onBuffering_SC();
                break;
            case 7:  //wmppsWaiting
                break;
            case 8:  //wmppsMediaEnded
                this.onMediaEnded();
                break;
            case 9:  //wmppsTransitioning
                this.onTransitioning();
                break;
            case 10:  //wmppsReady
                break;
            case 11:  //wmppsReconnecting
                break;
            case 12:  //wmppsLast
                break;
            case 0:  //wmppsUndefined
                break;
            default:
                break;
            }
        },
        // 事件列表
        onStop:function(){alert("停止事件");},
        onPaused:function(){alert("暂停事件")},
        onPlay:function(){alert("播放事件")},
        onBuffering_SC:function(){},
        onTransitioning:function(){},
        onMediaEnded:function(){},
        onError:function(){},
        onPositionChange:function(oldPos,newPos){},
        onStatusChange:function(){},
        onBuffering:function(bStart){},
         
        // 设置 暂时只做两个
        setMode:function(mode){ this.dom.uiMode=mode; },
        setValume:function(v){ this.dom.settings.volume=v; },
         
        // 各种属性
        getMediaName:function()
        {
            var media=this.dom.currentMedia;
            if(media)
            {
                return media.name;
            }
            return "";
        },
        getMediaDuration:function()
        {
            var media=this.dom.currentMedia;
            if(media)
            {
                return media.duration;
            }
            return "";
        },
        getMediaDurationString:function()
        {
            var media=this.dom.currentMedia;
            if(media)
            {
                return media.durationString;
            }
            return "";
        },
        getStatus:function(){ return this.dom.status; },
        getPosition:function(){ return this.dom.controls.currentPosition; },
        getPositionString:function(){ return this.dom.controls.currentPositionString; },
        getPlayState:function(){ return this.dom.playState; },
         
        //赋值方法
        setPosition:function(n){ this.dom.controls.currentPosition=n; },
        // 操作方法
        OpenUrl:function(URL){ this.dom.URL=URL; },
        Play:function(){ this.dom.controls.play(); },
        Pause:function(){ this.dom.controls.pause();},
        Stop:function(){ this.dom.controls.stop(); }
    }
    

MediaPlayer.js
03-21
源码很简单,可以直接打开看, 实在不理解的可以访问https://twinstighter.iteye.com/blog/2086105进行理解, 里边的方法不全,可以根据文档再进行补充,因为ie8和ie11对attachEvent(attachEventListener)的兼容问题,所以声明了两个类
js操作media player
07-01
js操作media player,包括media player自定义皮肤，播放暂停等控制，获得播放进度，设置播放进度等
MediaElement.js 多媒体播放器使用指南
最新发布
gitblog_00446的博客
06-05 417
MediaElement.js 多媒体播放器使用指南 MediaElement.js 是一个功能强大的 HTML5 音频/视频播放器解决方案，它提供了跨浏览器兼容性和丰富的功能扩展。本文将详细介绍如何使用这个优秀的播放器库。 播放器初始化 MediaElement.js 提供了多种初始化方式，满足不同开发环境的需求。 自动初始化 最简单的初始化方式是为媒体元素添加 mejs__player 类名：...
js控制media player 网页播放插件 的实例代码
05-19
js控制media player 网页播放插件 的实例代码
js网页形式MediaPlayer播放器代码
05-25
js网页形式MediaPlayer播放器代码,可调节声音大小，静音，全屏显示，方便调用
windows_media_player_Js操作文档
04-18
windows_media_player_Js操作文档
html5media.min.js
12-04
html5中Video标签兼容各主流浏览器
jquery.media.js
08-23
它支持多种媒体格式，包括Flash、QuickTime、Windows Media Player等，并提供了丰富的API供开发者进行自定义和扩展。 二、核心功能 1. 多媒体播放：jQuery.media.js能够无缝嵌入和播放各种多媒体文件，如MP4、FLV...
zy.media.zip
04-21
1. **zy.media.min.js**: 这是插件的主要JavaScript文件，经过压缩处理（minified），以减少加载时间并提高页面性能。它实现了视频播放器的核心功能，包括视频的加载、播放、暂停、停止、快进、快退、音量控制等。...
jquery.media.js下载
04-03
jQuery.media.js 是一个基于 jQuery 的 JavaScript 插件，它为网页提供了强大的多媒体支持，包括视频、音频等媒体元素的播放、控制和自定义功能。这个插件是开源的，且经过实际测试，确保了其稳定性和可用性。本文将...
js_mediaplayer
03-24
volv-=5; phx.settings.volume=volv; time.innerText=volv;} else{time.innerText=\'最小\';} }
几种js调WindowsMedia.player.docx
08-19
js调用Windows Media Player的播放器代码，通过js在web中添加Windows Media Player
JS 控制mediaplayer方法和相关参数
大伟先生
11-10 2195
        下面是一些常用的方法和属性： //基本属性 URL:String; 指定媒体位置，本机或网络地址 uiMode:String; 播放器界面模式，可为Full, Mini, None, Invisible playState:integer; 播放状态，1=停止，2=暂停，3=播放，6=正在缓冲
功能超全的js控制MediaPlayer
weixin_34191734的博客
04-05 213
<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" id="mp" width="300" height="240"> <param name="AudioStream" value="-1"> <param name="AutoSize" value="-1"> <!--是否...
js控制mediaplayer
07-13 1113
来自：17GB.COM 作者：Strandheight=”240″>大于等于0–>四周的黑框大小,不改变视频大小–>播放控制:音乐切换:播放控制:声道控制:进度控制:音量控制:function setVolume(num){var mp=document.getElementById(”mp”)tnum=mp.Volume+numif(tnum>0){tnum=0}if(tnu
js控制播放器MediaPlayer
yanjie2008的专栏
09-05 1442
Mediaplayer属性和方法 属性/方法名：说明： 　 [url=String]URL:String[/url]; 指定媒体位置，本机或网络地址 uiMode:String; 播放器界面模式，可为Full, Mini, None, Invisible playState:integer; 播放状态，1=停止，2=暂停，3=播放，6=正在缓冲，9=正在连接，10=准备就绪 enableConte
js控制MediaPlayer播放器 (1)
joy_liang的专栏
06-09 3583
<br /> 其实用js来做一个音乐播放器很容易，因为mediaplayer提供了一系列的接口来对网页嵌入的播放器进行控制。下面简单的介绍一下: 在网页内插入播放器的代码为: <object id="player" height="64" width="260" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"> <param NAME="AutoStart" VALUE="-1"> <!--是否自动播放--> <param
最完整的js控制MediaPlayer(经典)
08-13 1053
最完整的js控制MediaPlayer(经典) <object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"id="mp" width="300" height="240">
用JavaScript js 控制 Media Player 播放器
热门推荐
hoojo
07-22 1万+
控制你的播放器
jquery.media.js插件：多媒体内容的跨平台播放器
jquery.media.js是一个基于jQuery的JavaScript插件，专门用于网页中嵌入和播放多媒体内容。该插件支持多种文件格式，并且可以与多种流行的媒体播放器协同工作。它的设计理念是提供一个统一的方法来处理不同类型的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值