計算機(jī)狂熱愛好者

最近發(fā)現(xiàn)了一個好東西，是網(wǎng)頁調(diào)用攝像頭的插件(一個柏林的大神編寫的)，傳送門：
github下載插件地址：https://github.com/infusion/jQuery-webcam，
大神文檔：https://www.xarg.org/project/jquery-webcam-plugin/，
大神主站(follow中...)：https://github.com/infusion

好了，開始改BUG吧

前端視頻不出來

• 網(wǎng)頁調(diào)用攝像頭獲取視頻并拍照的作品報錯：Failed to execute 'createObjectURL' on 'URL'

• 原因是Chrome升級后，新版本的Chrome不再支持該用法。
  其他主流瀏覽器也是如此，詳細(xì)討論請參考如下鏈接：https://www.fxsitecompat.com/en-CA/docs/2017/url-createobjecturl-stream-has-been-deprecated/

• 在控制臺找到出錯點(diǎn)：

video.src = (window.URL || window.webkitURL).createObjectURL(stream);

• 將它改為：

video.srcObject = stream;

• 有一個兼容的寫法：

try {
  this.srcObject = stream;} catch (error) {
  this.src = window.URL.createObjectURL(stream);}

• 測試一下，It Works!! 開心

0 warnings,0 errors