javascript - 如何在网络浏览器中播放 rtmp 直播流?

标签 javascript html5-video video.js

我正在视频 js 播放器中尝试 rtmp url。但它不起作用。

在视频 js 中,我们必须在源中给出类型(application/x-mpegURL | video/mp4)。

    <video id="wiPlayer" class="video-js vjs-default-skin"
               controls codecs="avc1.4D401E, mp4a.40.2" preload="auto" width="1200" height="400" poster="<?=$post->screenShotUrl?>" 
                data-setup='{"aspectRatio":"640:320", "autoplay": true, "controlBar": {"fullscreenToggle": true, "progressControl": true}}'>
 <p class="vjs-no-js">We're sorry, but your browser doesn't support Video</p>
 </video>

js代码是

player = videojs('wiPlayer');
        player.src({
                src: stream_url,
                type: mPlayerType,// "video/mp4",//application/x-mpegURL
                useCueTags: true
                 });
        window.onOrientation(player, 'wiPlayer');
        player.play();  

对我来说,url 是这样的:

rtmp://vid-11239002.pull.usnecenter.broadcastapp.agora.cn/live/public1265537

如何使用视频 js 播放这种直播 url?或者我们对此有任何其他解决方案吗?

最佳答案

RTMP 的类型是rtmp/mp4rtmp/flv。这仅适用于具有 Flash 的浏览器。

关于javascript - 如何在网络浏览器中播放 rtmp 直播流?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42650966/

相关文章:

Javascript:removeChild 不起作用

javascript - HTML5 Canvas 绘制虚线

javascript - 在 JavaScript 中,如果我将句子拆分成数组然后连接它,如何保留句子中的空格?

html - 如何使用HTML 5的<video>播放YouTube视频

macos - 具有最佳跨浏览器/系统支持的 HTML5 透明视频

android - 在响应式网站上检测移动设备的最大视频分辨率支持

javascript - 尝试加载大视频但收到 '503 Service Unavailable'

css - Video JS - 海报图片封面/包含

javascript - js组合对象只返回一个id

jquery - VideoJS - Flash Player 在 DOM 中移动时崩溃