最近在做一个直播推流的功能,想自己写个网页进行直播尝试一下。
然后网上试了各种教程都没成功,下面说下遇到的几个坑。
1.首先通过obs进行推流,服务器是:rtmp://192.168.0.221/live,串流密钥:1234,
然后就发现网上的教程里面都没有说道这个串流密钥要写在哪里,如果不写的话,是直播不成功的。
后面试了很久发现就是直接拼接在服务器地址后面的 ,像这样,rtmp://192.168.0.221/live/1234。
下面是具体的代码
html5 直播width="1280" height="720" poster="/v/" 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
supports html5 video
2:然后用google浏览器打开,就是页面上疯狂报“no compatible source was found for this media”这个错误,百度出来的都说是要把网页放到服务器上,不能直接打开,但是这个用idea直接打开的应该也属于放到服务器上了吧。不过应该不能直接双击html文件打开,我没试过。完了还是不行啊,后面发现浏览器中flash是“询问”状态,
然后就尝试把这个改成“允许状态”,居然就可以了。。
3:最后的实现的效果:
到此这篇关于html5播放实现rtmp流直播的文章就介绍到这了,更多相关html5 rtmp流直播内容请搜索萬仟网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持萬仟网!
如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!