WebRTC 播放视频MP4

最新推荐文章于 2025-01-16 10:11:04 发布

原创最新推荐文章于 2025-01-16 10:11:04 发布 · 1.9k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#webrtc #音视频

收录于

本文介绍如何使用WebRTC的adapter库搭建一个简单的HTML视频播放器。通过从官方仓库下载并打包adapter.js文件，将其与HTML页面结合实现本地视频文件的播放功能。文章还提供了部署到nginx服务的方法。

首先要去官网下载并且打包adapter.js

https://github.com/webrtcHacks/adapter

打包命令

npm install webrtc-adapter

打好包后，会在node_modules/webrtc-adapter/out/路径下出现adapter.js

新建html网页video.html,adapter.js放在同级目录下

<!DOCTYPE html>
<html>
<head>
    <title>Player</title>
   
    <script src="adapter.js"></script>
</head>
<body>
<div align = "center">
    <h1>Panda Player</h1>
    <video controls >
        <source src="panda.mp4">  
    </video>
</div>


</body>
</html>

如要部署到nginx服务上就一起copy过去到nginx路径下的html中，xxx.mp4文件也copy到同级目录下，启动nginx，访问localhost/video.html