DDR爱好者之家

HTML5播放实现rtmp流直播
站长资源 2024/11/23 佚名
71 1538
DDR爱好者之家 Design By 杰米

最近在做一个直播推流的功能，想自己写个网页进行直播尝试一下。

然后网上试了各种教程都没成功，下面说下遇到的几个坑。

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

HTML5播放实现rtmp流直播

然后就发现网上的教程里面都没有说道这个串流密钥要写在哪里，如果不写的话，是直播不成功的。
后面试了很久发现就是直接拼接在服务器地址后面的 ，像这样，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>

2：然后用google浏览器打开，就是页面上疯狂报“No compatible source was found for this media”这个错误，百度出来的都说是要把网页放到服务器上，不能直接打开，但是这个用idea直接打开的应该也属于放到服务器上了吧。不过应该不能直接双击html文件打开，我没试过。完了还是不行啊，后面发现浏览器中flash是“询问”状态，

HTML5播放实现rtmp流直播

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

3：最后的实现的效果：

HTML5播放实现rtmp流直播

DDR爱好者之家 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
DDR爱好者之家 Design By 杰米
ddrfans.com DDR爱好者之家
8,675无损音乐
1,324高清电影
213破解软件
70,141收录资讯

RTX 5090要首发 性能要翻倍！三星展示GDDR7显存

三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。

首次推出的GDDR7内存模块密度为16GB，每个模块容量为2GB。其速度预设为32 Gbps（PAM3），但也可以降至28 Gbps，以提高产量和初始阶段的整体性能和成本效益。

据三星表示，GDDR7内存的能效将提高20%，同时工作电压仅为1.1V，低于标准的1.2V。通过采用更新的封装材料和优化的电路设计，使得在高速运行时的发热量降低，GDDR7的热阻比GDDR6降低了70%。

更新日志

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网
DDR爱好者之家 Design By 杰米