jsmpeg.min.js进行rtsp视频解码

最新推荐文章于 2025-01-22 07:27:24 发布

ArmadaDK

最新推荐文章于 2025-01-22 07:27:24 发布

阅读量786

点赞数

CC 4.0 BY-SA版权

分类专栏： web技术文章标签： javascript 音视频开发语言

本文链接：https://blog.csdn.net/ArmadaDK/article/details/132622949

web技术专栏收录该内容

28 篇文章

订阅专栏

本文介绍了如何在HTML页面中利用jsmpeg库通过canvas元素播放视频，同时提到了在局域网环境下测试的800ms延迟情况。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先引用jsmpeg的库，然后用它的player进行播放，它用的是canvas进行播放，代码如下

<html>
  <body>enter code here
    <div style="height: 30rem; width:30rem ;">
        <canvas id="canvas" onclick="stop()"></canvas>
        <!-- <img src="http://localhost:3000" alt=""> -->
    </div>
  </body>
  <script type="text/javascript" src="jsmpeg.min.js"></script>
  <script type="text/javascript">
    player = new JSMpeg.Player('ws://localhost:9999', {
      canvas: document.getElementById('canvas') // Canvas should be a canvas DOM element
    })  
    function stop(){
        player.stop()
    }

 </script>
  </html>

经测试局域网内延时在800ms左右