在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
开源软件名称:sewise-player开源软件地址:https://gitee.com/jackzhang1204/sewise-player开源软件介绍:Sewise Player : HTML5 Video PlayerSupport for jQuery HTML player skins. Demos: Vod点播 | Live直播 | Flowplayer皮肤 | Fallback地址 | Bootstrap支持 | M3u8跨平台 | More更多 QQ交流群:237432172 What is Sewise Player?Sewise Player是一款专业的免费网页HTML5视频、流播放器,它功能强大,体积小,跨平台,兼容性好,使用方便简洁。
功能列表:
文件介绍:
页面播放器嵌入方式:
<div style="width: 640px; height: 360px; "> <script type="text/javascript" src="../player/sewise.player.min.js?server=vod&type=mp4&videourl=http://www.w3schools.com/html/mov_bbb.mp4&sourceid=&autostart=true&starttime=0&lang=en_US&logo=http://onvod.sewise.com/libs/swfplayer/skin/images/logo.png&title=VodVideo&buffer=5&skin=vodWhite"></script></div>
<div style="width: 640px; height: 360px; "> <script type="text/javascript" src="http://219.232.161.202/libs/swfplayer/player/sewise.player.min.js?server=vod&sourceid=eQgPHj4N&autostart=true&starttime=0&lang=en_US&logo=http://onvod.sewise.com/libs/swfplayer/skin/images/logo.png&buffer=5&skin=vodWhite"></script></div>
<div style="width: 640px; height: 360px; "> <script type="text/javascript" src="../player/sewise.player.min.js?server=live&type=rtmp&streamurl=rtmp://219.232.161.204/livestream/mtzysunq&autostart=true&pid=&shifttime=&buffer=5&lang=en_US&logo=http://onvod.sewise.com/libs/swfplayer/skin/images/logo.png&title=LiveVideo&skin=liveWhite"></script></div>
<div style="width: 640px; height: 360px; "> <script type="text/javascript" src="http://219.232.161.204/libs/swfplayer/player/sewise.player.min.js?server=live&autostart=true&pid=vk5nx2cj&shifttime=&buffer=5&lang=en_US&logo=http://onvod.sewise.com/libs/swfplayer/skin/images/logo.png&skin=liveWhite"></script></div>
<div style="width: 640px; height: 360px; "> <script type="text/javascript" src="../player/sewise.player.min.js"></script> <script type="text/javascript"> SewisePlayer.setup({ server: "vod", type: "mp4", videourl: "http://jackzhang1204.github.io/materials/mov_bbb.mp4", skin: "vodWhite", title: "Tile 标题", lang: 'zh_CN', fallbackurls:{ ogg: "http://jackzhang1204.github.io/materials/mov_bbb.ogg", webm: "http://jackzhang1204.github.io/materials/mov_bbb.webm" } }); </script></div> 播放器运行原理:
播放器参数:
播放器皮肤:
API接口调用:
<div style="width: 640px; height: 360px; "> <script type="text/javascript" src="../player/sewise.player.min.js?server=vod&type=mp4&videourl=http://www.w3schools.com/html/mov_bbb.mp4&sourceid=&autostart=true&starttime=0&lang=en_US&logo=http://onvod.sewise.com/libs/swfplayer/skin/images/logo.png&title=VodVideo 点播标题&buffer=5&skin=vodWhite&fallbackurls=%7B%0A%09%22ogg%22:%20%22http://www.w3schools.com/html/mov_bbb.ogg%22%2C%0A%09%22webm%22:%20%22http://www.w3schools.com/html/mov_bbb.webm%22%0A%7D"></script></div><script> //点播接口调用方法 function startPlay(){ SewisePlayer.doPlay(); } function playPause(){ SewisePlayer.doPause(); } function seekTo(){ SewisePlayer.doSeek(5); } function playStop(){ SewisePlayer.doStop(); } function changeVolume(){ SewisePlayer.setVolume(0.1); } function getDuration(){ alert(SewisePlayer.duration()); } function getPlayTime(){ alert(SewisePlayer.playTime()); } // function switchProgram(){ // SewisePlayer.playProgram("xqfa3cZn", 0, true); // } function switchVideo(){ SewisePlayer.toPlay("http://media.w3.org/2010/05/sintel/trailer.mp4", "Sintel", 0, true); } //播放器回调方法 function playerReady(name){ console.log("Sewise Player On Ready 1"); //SewisePlayer.toPlay("http://www.w3school.com.cn/i/movie.mp4", "title", 0, false); } SewisePlayer.playerReady(function(name){ console.log("Sewise Player On Ready 2"); }); function onStart(name){ console.log("onStart 1"); } SewisePlayer.onStart(function(name){ console.log("onStart 2"); }); function onStop(name){ console.log("onStop 1"); } SewisePlayer.onStop(function(name){ console.log("onStop 2"); }); function onMetadata(meta, name){ console.log("onMetadata 1"); } SewisePlayer.onMetadata(function(meta, name){ console.log("onMetadata 2"); }); function onClarity(clarity, name){ console.log("onClarity 1"); } SewisePlayer.onClarity(function(clarity, name){ console.log("onClarity 2"); }); function onPause(name){ console.log("onPause 1"); } SewisePlayer.onPause(function(name){ console.log("onPause 2"); }); function onSeek(time, name){ console.log("onSeek 1: " + time); } SewisePlayer.onSeek(function(time, name){ console.log("onSeek 2: " + time); }); function onPlayTime(time, name){ console.log("onPlayTime 1: " + time); } SewisePlayer.onPlayTime(function(time, name){ console.log("onPlayTime 2: " + time); }); function onBuffer(pt, name){ console.log("onBuffer 1: " + pt); } SewisePlayer.onBuffer(function(pt, name){ console.log("onBuffer 2: " + pt); });</script><div style="padding-top: 20px;"> <div style="padding-right: 20px;float: left;">[点播接口]</div> <div style="padding-right: 20px;float: left;"><a href="javascript:startPlay();">播放</a></div> <div style="padding-right: 20px;float: left;"><a href="javascript:playPause();">暂停</a></div> <div style="padding-right: 20px;float: left;"><a href="javascript:seekTo();">跳转</a></div> <div style="padding-right: 20px;float: left;"><a href="javascript:playStop();">停止</a></div> <div style="padding-right: 20px;float: left;"><a href="javascript:changeVolume();">更改音量</a></div> <div style="padding-right: 20px;float: left;"><a href="javascript:getDuration();">获取总时长</a></div> <div style="padding-right: 20px;float: left;"><a href="javascript:getPlayTime();">获取当前时间</a></div> <!-- <div style="padding-right: 20px;float: left;"><a href="javascript:switchProgram();">切换节目</a></div> --> <div style="padding-right: 20px;float: left;"><a href="javascript:switchVideo();">切换视频</a></div> <br clear="all"/></div>
<div style="width: 640px; height: 360px; "> <script type="text/javascript" src="http://219.232.161.204/libs/swfplayer/player/sewise.player.min.js?server=live&autostart=true&pid=vk5nx2cj&shifttime=&buffer=5&lang=en_US&logo=http://onvod.sewise.com/libs/swfplayer/skin/images/logo.png&skin=liveWhite"></script></div><script> //直播接口调用方法 function startPlay(){ SewisePlayer.doPlay(); } function playPause(){ SewisePlayer.doPause(); } function seekTo(){ SewisePlayer.doSeek("20140224160520"); } function playStop(){ SewisePlayer.doStop(); } function livePlay(){ SewisePlayer.doLive(); } function changeVolume(){ SewisePlayer.setVolume(0.3); } function getLiveTime(){ alert(SewisePlayer.liveTime()); } function getPlayTime() { alert(SewisePlayer.playTime()); } function switchChannel(){ SewisePlayer.playChannel("br9anah3", "", true); } function switchStream(){ SewisePlayer.toPlay("rtmp://192.168.1.219/livestream/7gw3yt3h", "title", "", true); } //播放器回调方法 function playerReady(name){ console.log("Sewise Player On Ready 1"); //SewisePlayer.toPlay("http://www.w3school.com.cn/i/movie.mp4", "title", 0, false); } SewisePlayer.playerReady(function(name){ console.log("Sewise Player On Ready 2"); }); function onStart(name){ console.log("onStart 1"); } SewisePlayer.onStart(function(name){ console.log("onStart 2"); }); function onStop(name){ console.log("onStop 1"); } SewisePlayer.onStop(function(name){ console.log("onStop 2"); }); function onMetadata(meta, name){ console.log("onMetadata 1"); } SewisePlayer.onMetadata(function(meta, name){ console.log("onMetadata 2"); }); function onClarity(clarity, name){ console.log("onClarity 1"); } SewisePlayer.onClarity(function(clarity, name){ console.log("onClarity 2"); }); function onPause(name){ console.log("onPause 1"); } SewisePlayer.onPause(function(name){ console.log("onPause 2"); }); function onSeek(time, name){ console.log("onSeek 1: " + time); } SewisePlayer.onSeek(function(time, name){ console.log("onSeek 2: " + time); }); function onPlayTime(time, name){ console.log("onPlayTime 1: " + time); } SewisePlayer.onPlayTime(function(time, name){ console.log("onPlayTime 2: " + time); }); function onBuffer(pt, name){ console.log("onBuffer 1: " + pt); } SewisePlayer.onBuffer(function(pt, name){ console.log("onBuffer 2: " + pt); });</script><div style="padding-top: 20px;"> <div style="padding-right: 15px;float: left;">[直播接口]</div> <div style="padding-right: 15px;float: left;"><a href="javascript:startPlay();">播放</a></div> <div style="padding-right: 15px;float: left;"><a href="javascript:playPause();">暂停</a></div> <div style="padding-right: 15px;float: left;"><a href="javascript:seekTo();">跳转</a></div> <div style="padding-right: 15px;float: left;"><a href="javascript:playStop();">停止</a></div> <div style="padding-right: 15px;float: left;"><a href="javascript:livePlay();">直播</a></div> <div style="padding-right: 15px;float: left;"><a href="javascript:changeVolume();">更改音量</a></div> <div style="padding-right: 15px;float: left;"><a href="javascript:getLiveTime();">直播时间</a></div> <div style="padding-right: 15px;float: left;"><a href="javascript:getPlayTime();">播放时间</a></div> <div style="padding-right: 15px;float: left;"><a href="javascript:switchChannel();">切换频道</a></div> <div style="padding-right: 15px;float: left;"><a href="javascript:switchStream();">切换流</a></div> <br clear="all"/></div> ###更多例子 Who is using Sewise Player?LicenseSewise Player is licensed under the MIT license. More information:
Author:
|
请发表评论