html播放rtsp流,网页播放rtmp流

  html播放rtsp流,网页播放rtmp流

  最近在做直播功能,想写一个直播的网页。

  然后在网上试了各种教程都没有成功。下面是我遇到的一些坑。

  1.首先,通过obs推送流。服务器为rtmp://192.168.0.221/live,流密钥为1234。

  然后我发现网上教程没有说这个流键写在哪里。不写,直播就不成功。

  试了半天发现是直接拼接在服务器地址后面的,像这样,rtmp://192.168.0.221/live/1234。

  下面是具体代码。

  !doctype HTML HTML lang= en head title HTML 5 Live/title link href= 3358vjs.zencdn.net/5.19/video-js . min . CSS rel= style sheet script src= http://vjs . Zen cdn . 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=使用live key 1234p class= vjs-no-js 查看此视频请启用JavaScript,并考虑升级到a href= http://video js . com/html 5-video-support/ target= _ blank 支持HTML5 video/a /p/video/body/2的web浏览器:然后使用google浏览器打开它,这就是页面上报告的“未找到此媒体的兼容来源”错误。百度说需要把网页放到服务器上,但是直接打不开。不过这个直接用idea打开的应该也是属于服务器的。但是,您不应该能够直接双击html文件来打开它。我没试过。之后还是做不到。后来发现浏览器里的flash处于“查询”状态。

  然后试着把这个改成“允许状态”,实际上是有效的。

  3.最终实现的效果:

  关于HTML5播放实现rtmp流直播的这篇文章到此为止。更多相关HTML5 rtmp流直播内容,请搜索之前的文章或继续浏览下面的相关文章。希望你以后能支持我!

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: