网站建设资讯

NEWS

网站建设资讯

HTML5怎样实现rtmp流直播

这篇文章将为大家详细讲解有关HTML5怎样实现rtmp流直播,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

成都创新互联专注于企业成都全网营销、网站重做改版、佳木斯网站定制设计、自适应品牌网站建设、H5建站商城网站开发、集团公司官网建设、成都外贸网站制作、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为佳木斯等各大城市提供网站开发制作服务。

1.首先通过obs进行推流,服务器是:rtmp://192.168.0.221/live,串流密钥:1234,

HTML5怎样实现rtmp流直播

然后就发现网上的教程里面都没有说道这个串流密钥要写在哪里,如果不写的话,是直播不成功的。
后面试了很久发现就是直接拼接在服务器地址后面的 ,像这样,rtmp://192.168.0.221/live/1234。
下面是具体的代码





    HTML5 直播
    
    
    





    //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是“询问”状态,

HTML5怎样实现rtmp流直播

然后就尝试把这个改成“允许状态”,居然就可以了。。

3:最后的实现的效果:

HTML5怎样实现rtmp流直播

关于“HTML5怎样实现rtmp流直播”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。


分享标题:HTML5怎样实现rtmp流直播
标题链接:http://cdweb.net/article/pjesco.html