这篇文章将为大家详细讲解有关HTML5怎样实现rtmp流直播，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。首先通过obs进行推流，服务器是：rtmp://192.168.0.221/live，串流密钥：1
这篇文章将为大家详细讲解有关HTML5怎样实现rtmp流直播，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。
首先通过obs进行推流，服务器是：rtmp://192.168.0.221/live，串流密钥：1234，
然后就发现网上的教程里面都没有说道这个串流密钥要写在哪里，如果不写的话，是直播不成功的。
后面试了很久发现就是直接拼接在服务器地址后面的 ，像这样，rtmp://192.168.0.221/live/1234。
下面是具体的代码
<!DOCTYPE html><html lang="en"><head> <title>HTML5 直播</title> <link href="Http://vjs.zencdn.net/5.19/video-js.min.CSS" rel="stylesheet"> <script src="http://vjs.zencdn.net/5.19/video.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/videojs-flash@2/dist/videojs-flash.min.js"></script></head><body><video id="myvideo" class="video-js vjs-default-skin" controls preload="auto" width="1280" height="720" poster="http://vjs.zencdn.net/v/oceans.png" data-setup="{}"> <source src="rtmp://192.168.0.221/live/1234" type="rtmp/flv">//src里面填的是rtmp的地址rtmp://192.168.0.221/live跟密钥1234 <p class="vjs-no-js">To view this video please enable javascript, and consider upgrading to a WEB browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a> </p></video></body></html>然后用Google浏览器打开，就是页面上疯狂报“No compatible source was found for this media”这个错误，百度出来的都说是要把网页放到服务器上，不能直接打开，但是这个用idea直接打开的应该也属于放到服务器上了吧。不过应该不能直接双击html文件打开，我没试过。完了还是不行啊，后面发现浏览器中flash是“询问”状态，
然后就尝试把这个改成“允许状态”，居然就可以了。。
最后的实现的效果：
关于“HTML5怎样实现rtmp流直播”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。
--结束END--
本文标题: HTML5怎样实现rtmp流直播
本文链接: https://lsjlt.com/news/255687.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
官方手机版
微信公众号
商务合作
0