流和视频文件之间的HTML5交换

Question

我有一个网页，有时显示流，有时显示视频文件（mp4）。我在他们之间交换时遇到麻烦。

这是我播放流的代码：

myVideo.srcObject = aStream;  // a stream retrieved from mediaDevices.getUserMedia()

这是我播放mp4的代码：

// myVideoSource is the source sub-element of the video tag.
pathToTexture = 'media/blah.mp4';
myVideoSource.setAttribute('src', pathToTexture);
myVideo.load();
myVideo.play();

我可以启动mp4了。我可以交换到流中。但是，当我尝试返回mp4时，它将继续播放流。我尝试停止播放流。

这一切在我使用

之前都可以

myVideoSource.setAttribute('src', window.URL.createObjectURL(aStream))

设置流。但是Chrome会显示弃用警告，因此我正在尝试解决该问题。

我觉得srcObject和videoSource.src不能很好地配合。