基于浏览器的m3u8和flv的播放器

最近手头的一个项目，基于浏览器的要做一个视频播放器，h5的新标签只支持mp4和ogg，还有webm三种格式，我这边的需求是flv和m3u8，flv还好说，很多sfw媒体都支持，m3u8流媒体就不成了，也是折腾了半天哈，从老外那边找到的解决办法！废话不多说，上代码！

demo下载地址：http://download.csdn.net/detail/lemon_zhao/9674339

老外原网站：http://stackoverflow.com/questions/14731315/strobe-media-playback-osmf-events

请注意，代码必须要在http服务器上运行，直接运行的话会报找不到流的错误！

<div><span id="currentTime"></span><span>^^^^^^^</span><span id="duration"></span>
</div>
<div class="container"><div id="player-container"></div>
</div>
<button id="play-pause">pause or play</button>
<button onclick="playClear()">clear</button>

<script>function onCurrentTimeChange(time, playerId){document.getElementById("currentTime").innerHTML = time;
}function onBufferingChange(time, playerId){document.getElementById("duration").innerHTML = time;
}    function completeFunc(time, playerId) {//var player = document.getElementById(playerId);console.log('完成！！')
}function onJavaScriptBridgeCreated(){  var player = document.getElementById('player-container');  // Add event listeners that will update the player.addEventListener("currentTimeChange", "onCurrentTimeChange");player.addEventListener("bufferingChange", "onBufferingChange");player.addEventListener("complete", "completeFunc");document.getElementById("play-pause").onclick = function(){var state = player.getState();if (state == "ready" || state == "paused") {player.play2();}else if (state == "playing") {player.pause();}return false;};
}function playClear(){console.log('iiiii')play("")
}function play(url){var flashvars = {//视频源src: escape(url),//控制条自动隐藏controlBarAutoHide: true,//控制条位置controlBarPosition: "bottom",//流类型streamType : "vod",//自动播放autoPlay: true,verbose : true,bufferingOverlay: true,//m3u8转换插件plugin_m3u8: "HLSProviderOSMF.swf",javascriptCallbackFunction: "onJavaScriptBridgeCreated"};var params = {quality : "high",allowFullScreen: true,allowScriptAccess: "always",bgcolor: "#000000"};var attrs = {id:"player-container",name: "player-container",  align: "middle" };swfobject.embedSWF(// url to SMP player"StrobeMediaPlayback.swf",// div id where player will be place"player-container",// width, height"600", "350",// minimum flash player version required"10.2",// other parametersnull, flashvars, params, attrs);}play("http://vod-xycdn.zaizhibo.tv/broadcast/11-655611101188-1478138903226-41313281/index.m3u8")

基于浏览器的m3u8和flv的播放器相关推荐

最简单的基于Flash的流媒体示例：网页播放器（HTTP，RTMP，HLS）
音视频领域,再次搜索,依然是大神雷霄骅的杰作.再次致敬,一路走好. ===================================================== Flash流媒体文章列表 ...
flv网页播放器php源码下载,JavaScript_js实现的万能flv网页播放器代码，本文实例讲述了js实现的万能fl - phpStudy...
js实现的万能flv网页播放器代码本文实例讲述了js实现的万能flv网页播放器代码.分享给大家供大家参考,具体如下: 附: swfobject.js的官方地址:http://blog.deconce ...
Vcastr 2.2 flv 网络播放器参数设置
Vcastr 2.2 flv 网络播放器参数设置参数名称参数说明默认值 vcastr_file 方法2传递影片flv文件地址参数,多个使用|分开空 vcastr_title 影片标题参数,多 ...
YUVPlayer: 基于Android平台的YUV视频原始数据播放器
基于Android平台的YUV视频原始数据播放器编译环境 FFmpeg版本: 4.2.2 NDK版本:r17c 运行环境 x86(模拟器) arm64-v8a(64位手机) 功能点从文件中读取YU ...
Vcastr 2.2 flv 网络播放器
导读: Vcastr2.2 是一款FLV网络播放器,可以用于各种新闻系统或者blog系统,Vcastr 拥有众多特点和自定义设置,经过不断升级修正,已经具备用户需要的大多数基本功能. 例子免费下载 ...
linux(ubuntu)下基于java的在线音乐仿qq播放器,
linux下基于java的在线音乐仿qq播放器,界面挺漂亮,界面全都是本人自己用java来画的,主要是我自己喜欢用ubuntu,但是由于没有人去做它的播放器,就自己来了,可以在线,有专辑图片,播放列表 ...
一个基于Android开发的简单的音乐播放器
一个基于Android开发的简单的音乐播放器记得当时老师让我们写因为播放器时,脑子一头雾水,网上杂七杂八的资料也很少有用,因此索性就自己写一篇,希望对有缘人有用. 因为有好多人问我要源码,所以附上g ...
JW PLAYER 是一个界面简洁、功能齐全的在线flv flash播放器
JW PLAYER 是一个界面简洁.功能齐全的在线flv flash播放器.有着很多可选控制参数. 多个参数可以混合使用,下面选择几个作简要说明: file (FLV文件的地址,如果不设置则默认为jw ...
基于MSP430G2553官方开发板的音乐播放器
基于MSP430G2553官方开发板的音乐播放器实现目标硬件资源芯片资源使用情况外接硬件程序实现开发环境配置各部分硬件驱动主循环功能实现实现目标实现以蜂鸣器为播放设备,能够对简谱乐 ...
基于Arduino Uno开发板制作音乐播放器
基于Arduino Uno开发板制作音乐播放器本文将基于Arduino开发板实现一个音乐播放器. 利用Arduino Uno读取sd卡模块中内存卡的音乐,传输信号到扬声器进行播放. 一.项目软硬件简 ...

基于浏览器的m3u8和flv的播放器

基于浏览器的m3u8和flv的播放器相关推荐

最新文章

热门文章