在浏览器中播放m3u8
来源:互联网 发布:windows 杀进程 编辑:程序博客网 时间:2024/05/29 18:29
在浏览器上播放m3u8的视频地址有两种方式:
- html的video标签的方式,这种方式播放很简单:
<!DOCTYPE hmtl><html><head><title>the5fire m3u8 test</title></head><body><video controls autoplay > <source src="http://stream.gravlab.net/003119/sparse/v1d30/posts/2014/barcelona/barcelona.m3u8"></video></body></html>
上面的代码,你直接贴到一个index.html中,用safari浏览器打开就可以直接播了。
但是, 目前只能只有Safari支持,通用性并不好。因此还得采用flash来播放,也就下面的第二种方法。
- 通过开源的swfobject.js以及两个flash组件:OSMF和HLSProvider来播放,上代码:
<!DOCTYPE html><html><head><title>the5fire m3u8 test</title><script src="http://the5fireblog.b0.upaiyun.com/staticfile/swfobject.js"></script></head><body><div id="player"></div><script> var flashvars = { // M3U8 url, or any other url which compatible with SMP player (flv, mp4, f4m) // escaped it for urls with ampersands src: escape("http://www.the5fire.com/static/demos/diaosi.m3u8"), // url to OSMF HLS Plugin plugin_m3u8: "http://www.the5fire.com/static/demos/swf/HLSProviderOSMF.swf", }; var params = { // self-explained parameters allowFullScreen: true, allowScriptAccess: "always", bgcolor: "#000000" }; var attrs = { name: "player" }; swfobject.embedSWF( // url to SMP player "http://www.the5fire.com/static/demos/swf/StrobeMediaPlayback.swf", // div id where player will be place "player", // width, height "800", "485", // minimum flash player version required "10.2", // other parameters null, flashvars, params, attrs );</script></body></html>
通过这三个东西的配合就可以播m3u8了,结果很简单,但是对于我这个对flash外行的人来说还是搜索尝试了良久的。这个代码通过浏览器访问文件的方式是不能用的,你得起一个web服务比如:python -m SimpleHTTPServer。然后访问你存的index.html就能工作了。
结果是不是很简单?不过在搜索的时候也找不到有人提供这样的方案,反而找到很多基于OSMF而开发的收费的flash播放器。基于这三个组件,我自己也做了个简单的页面,方便以后在网上看m3u8的视频: m3u8 player
上面几个开源项目的地址:
- http://osmf.org
- http://osmf.org/dev/2.0gm/StrobeMediaPlayback.html
- https://github.com/mangui/HLSprovider
0 0
- 在浏览器中播放m3u8
- PC浏览器播放m3u8
- 解决.m3u8格式视频文件在chrome等浏览器中不能播放的问题
- m3u8的浏览器播放器
- 基于浏览器的m3u8和flv的播放器
- 在浏览器中嵌入播放器
- flash动画在不同浏览器中播放
- 在浏览器中播放音频文件的兼容性问题
- 在浏览器中播放音频文件的兼容性问题
- httplive流媒体播放(m3u8)
- VLS 播放M3U8文件
- 播放本地m3u8流媒体
- M3U8直播播放器
- 在浏览器中使用VLC插件播放在线影片
- html中bgsound背景音乐标签在浏览器里无法播放
- iphone 视频播放m3u8问题
- android mediaplayer 播放流媒体 m3u8
- 最简单的m3u8 播放
- 【排序算法】交换排序(C++实现)
- Android Socket 聊天室
- 三分 Problem 1005 Turn the corner 车转向问题
- java区别(String)和toString()的区别
- HDU 5667 Sequence
- 在浏览器中播放m3u8
- 计算字符个数之机试
- web编程的纯理论个人杂乱的笔记
- 不用循环和递归输出0-999的数
- 内存引用计数
- 第五章、理解RemoteView
- 南阳ACM 找球号(2)
- PAT 团体程序设计天梯赛-练习集 题解(凑零钱,堆栈,社交集群)
- Cocoapods导入第三方框架步骤