WebRTC 播放视频MP4

首先要去官网下载并且打包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

 播放暂停都可以,待续

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Flask是一个轻量级的Web应用框架,它本身并不直接支持播放视频,但你可以结合其他库来实现这个功能。以下是一个简单的步骤: 1. **安装所需库**:首先,你需要安装Flask以及处理视频流的库,如`flask-video-streaming` 或 `Flask-SocketIO`(如果你需要实时音频/视频通信的话)。 ```bash pip install Flask flask-video-streaming ``` 2. **设置视频文件路径**:将你要播放的视频文件放在项目的static文件夹下,并确保对URL有正确的访问权限。 3. **创建视图函数**:在Flask应用中,创建一个视图函数来返回视频流,例如: ```python from flask import Flask, Response from flask_video_streaming import VideoStreaming app = Flask(__name__) video = VideoStreaming(app) @video.route('/video') def play_video(): return video.stream('path/to/video.mp4', cache_timeout=0) # 使用stream方法并设置缓存为0秒防止重复加载 ``` 4. **运行服务器**:启动你的Flask应用来提供视频服务。 ```python if __name__ == '__main__': app.run() ``` 5. **客户端显示视频**:通常情况下,前端(HTML、JavaScript)会通过AJAX请求获取视频流并在HTML5的 `<video>` 标签中嵌入播放。 6. **直播或WebRTC**:如果需要实现实时音视频交互,可以考虑使用Socket.IO等库配合HTML5 WebRTC API。 注意:这只是一个基础示例,实际生产环境可能还需要处理更多的细节,比如错误处理、安全性和性能优化。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值