在HTML的标签中,src和srcObject是两个不同的属性。
-
src属性:用于指定视频资源的URL。可以通过设置该属性来指定一个视频文件的路径或者网络地址,例如
<video src="video.mp4"></video>
通过设置src属性,浏览器会自动加载并播放指定路径下的视频文件。
-
srcObject属性:用于指定视频流对象。通常用于使用WebRTC或媒体捕获设备(如摄像头)来获取实时视频流,并将其显示在网页上。例如:
navigator.mediaDevices.getUserMedia({ video: true }) .then(stream => { const videoElement = document.querySelector('video'); videoElement.srcObject = stream; });
上述代码通过调用getUserMedia方法获取摄像头的实时视频流,并将其赋值给srcObject属性,从而在网页上显示实时视频。
参考: