标签：视频 网页 标签 TSINGSEE video 数据流 播放 webrtc

webrtc的优势在于超低延时的直播，在网页直播方面有很高的可用性和发展性。TSINGSEE青犀视频基于webrtc编译的网页播放项目webrtc-client已经完成且后续也在不断优化中。

在通过webrtc进行网页播放时，第一次连接正常，可以出现画面和声音；但是服务器关闭，前端重连出现video标签时间进度在跑，但是没有画面的情况。

此处我们是先使用webrtc拿到数据流，再用网页的video标签播放。第一次初始化可以播放，说明服务端通过webrtc反馈的数据流没有问题，因此我们判定是js代码取到的数据流有问题，出现了渲染黑屏，而时间线在跑，不播放视频。

解决问题只能分析js代码，因此复现一下数据是怎么操作的，重连进行渲染为什么导致视频出现黑屏现象：

1、函数初始化一个媒体流

2、向媒体流添加数据流，使video标签播放出来

那么进行重连之后其实是没有进行初始化MediaStream或者没有把之前向里添加的数据流给删除，导致出现多个数据流，因此Video标签渲染失败，出现黑屏现象。

代码修改（把参数初始化即可）：

标签：视频,网页,标签,TSINGSEE,video,数据流,播放,webrtc
来源： https://www.cnblogs.com/TSINGSEE/p/14648970.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。