1 问题描述
开源工程:https://github.com/LingyuCoder/SkyRTC-demo
步骤:按照操作步骤,在本地部署后,使用火狐浏览器打开"localhost:3000#roomName"。浏览器提示需要共享摄像头,选择允许。
现象:浏览器有摄像头的图标显示,但是网页上没有本地的视频流画面
2 原因
step1 按下F12,查看控制台信息:
Uncaught TypeError: URL.createObjectURL: Argument 1 is not valid for any of the 1-argument overloads.
说明API接口使用方式错了。
step2 查找官方文档
https://developer.mozilla.org/zh-CN/docs/Web/API/URL/createObjectURL
点击查看srcObect用法
原因已经清楚了:API接口变了
3 解决方式
修改index.html中的代码:
document.getElementById('my_video').srcObject = stream;
//document.getElementById('my_video').src = window.URL.createObjectURL(stream);