HTMLMediaElement.srcObject的使用

公司项目使用到jssip.js,已经有了一个版本,也就没想过jssip的更新,今天chrome自动更新到71了,项目中的warning终于变成了error。

URL.createObjectURL(mediaStream): 参考 https://developer.mozilla.org/zh-CN/docs/Web/API/URL/createObjectURL

使用了这个方法的,应该会发现它其实很久之前就在报warning了,提示代替方法:

HTMLMediaElement.srcObject: 参考 https://developer.mozilla.org/zh-CN/docs/Web/API/HTMLMediaElement/srcObject

示例

旧:

attachMediaStream = function(element, stream) {
			element.src= URL.createObjectURL(stream);
			return element;
		};

新:

attachMediaStream = function(element, stream) {
			element.srcObject = stream;
			return element;
		};

注:element为htmlMedia元素
另:想把写文档的拉出去砍了

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <title>Camera</title> <script type="text/javascript"> navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia; window.URL = window.URL || window.webkitURL || window.mozURL || window.msURL; function getUserMedia(constraints, success, failure) { navigator.getUserMedia(constraints, function(stream) { var videoSrc = (window.URL && window.URL.createObjectURL(stream)) || stream; success.apply(null, [videoSrc]); }, failure); } function initCamera(constraints, video, callback) { getUserMedia(constraints, function (src) { video.src = src; video.addEventListener('loadeddata', function() { var attempts = 10; function checkVideo() { if (attempts > 0) { if (video.videoWidth > 0 && video.videoHeight > 0) { console.log(video.videoWidth + "px x " + video.videoHeight + "px"); video.play(); callback(); } else { window.setTimeout(checkVideo, 100); } } else { callback('Unable to play video stream.'); } attempts--; } checkVideo(); }, false); }, function(e) { console.log(e); }); } function copyToCanvas(video, ctx) { ( function frame() { ctx.drawImage(video, 0, 0); window.requestAnimationFrame(frame); }()); } window.addEventListener('load', function() { var constraints = { video: { mandatory: { minWidth: 1280, minHeight: 720 } } }, video = document.createElement('video'), canvas = document.createElement('canvas'); document.body.appendChild(video); document.body.appendChild(canvas); initCamera(constraints, video, function() { canvas.setAttribute('width', video.videoWidth); canvas.setAttribute('height', video.videoHeight); copyToCanvas(video, canvas.getContext('2d')); }); }, false); </script> </head> <body> </body> </html>camera_example.html:14 Uncaught TypeError: Failed to execute 'createObjectURL' on 'URL': Overload resolution failed. at camera_example.html:14:62
最新发布
07-22
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值