h5rtmp推荐控件_HTML5播放实现rtmp流直播
最近在做⼀个直播推流的功能,想⾃⼰写个⽹页进⾏直播尝试⼀下。
然后⽹上试了各种教程都没成功,下⾯说下遇到的⼏个坑。
1.⾸先通过obs进⾏推流,服务器是:rtmp://19
2.168.0.221/live,串流密钥:1234,
然后就发现⽹上的教程⾥⾯都没有说道这个串流密钥要写在哪⾥,如果不写的话,是直播不成功的。
后⾯试了很久发现就是直接拼接在服务器地址后⾯的 ,像这样,rtmp://192.168.0.221/live/1234。
web浏览器在哪里打开下⾯是具体的代码
html5 直播
width="1280" height="720" poster="dn/v/oceans.png" data-setup="{}">
//src⾥⾯填的是rtmp的地址rtmp://192.168.0.221/live跟密钥1234
to view this video please enable javascript, and consider upgrading to a web browser that
2:然后⽤google浏览器打开,就是页⾯上疯狂报“no compatible source was found for this media”这个错误,百度出来的都说是要把⽹页放到服务器上,不能直接打开,但是这个⽤idea直接打开的应该也属于放到服务器上了吧。不过应该不能直接双击html⽂件打开,我没试过。完了还是不⾏啊,后⾯发现浏览器中flash是“询问”状态,
然后就尝试把这个改成“允许状态”,居然就可以了。。
3:最后的实现的效果:
到此这篇关于html5播放实现rtmp流直播的⽂章就介绍到这了,更多相关html5 rtmp流直播内容请搜索萬仟⽹以前的⽂章或继续浏览下⾯的相关⽂章,希望⼤家以后多多⽀持萬仟⽹!
如您对本⽂有疑问或者有任何想说的,请点击进⾏留⾔回复,万千⽹友为您解惑!
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论