视频聊天客户端使用HTML5, javascript
Video chat client using HTML5, javascript
是否有任何现有的框架/插件,在任何使用HTML 5和JavaScript(客户端技术)的web应用程序中提供视频聊天功能?
我将尝试简短地解释创建实时视频聊天需要什么。
1。你需要决定你将使用哪种流协议。有很多流协议(HLS, DASH, RTMP, RTSP, Smooth, HDS)。仅用一种协议支持所有设备几乎是不可能的。HLS -是唯一的方式通过html 5流视频。
DASH -仅用于支持MSE的浏览器。
等。
但是你可以把你的视频打包成几个协议来支持更多的设备。
2。您需要配置视频流服务器来传输您的视频。您可以使用免费的视频服务器,如:
NGINX
灵活的拖缆
等。
如果你不想花费你的时间来配置这个服务器,你可以使用付费视频服务器,这将帮助你编码,打包和流你的视频。例子:
Wowza
3。你需要选择视频播放器来播放你的视频。有很多html5视频播放器支持flash播放。
例子:
Flowplayer
JWplayer
还有很多绝对免费的视频播放器,比如:
Video.js
MedialElement.js
Dash.js
等。
所以,如果你决定使用HLS和DASH,你需要选择支持这些协议的播放器,如:
flowplayer -支持HLS和DASH
或DASH的DASH .js和HLS的video.js。
你可以很容易地自定义这些视频播放器。
相关文章:
- JavaScript HTML5画布未显示
- 在Javascript HTML5+Canvas中处理精灵鼠标点击的最佳方式
- Javascript HTML5 更改图标用于 fa-play
- Javascript/Html5 Download zip from url
- JavaScript/HTML5音频:在Android Chrome中播放用户通过文件选择器加载的mp3文件
- 在Javascript HTML5 Canvas中旋转绘制的圆圈
- 在 JavaScript/HTML5 中显示 3D 模型
- Javascript/HTML5 - 更改鼠标事件上的文本
- Javascript html5 视频在特定时间添加/删除类
- 运动跟踪 JavaScript = HTML5/canvas 游戏输入/控制
- 如何提高javascript html5程序的整体性能:是否可以在两台计算机上同步两个版本
- 人脸检测 javascript/html5/flash
- 了解如何在javascript/HTML5/NodeJS中实现客户端-服务器-客户端基础结构
- javascript html5 drawImage 带有来自不同域的图像
- 用 Javascript/HTML5 编写的 Windows 应用商店应用程序的代码度量选项
- JavaScript/HTML5/jQuery 拖放上传 - “未捕获的类型错误:无法读取未定义的属性'文件
- Javascript/HTML5使用图像填充画布
- JavaScript/HTML5 addEventListener() 不使用
- 表杂乱无章的问题.Javascript HTML5.
- JavaScript/HTML5 从表单中获取 URL 并在新的 Window iframe 中打开它