2016-01-17 26 views
0

我正在嘗試使用Paper.js構建一個工具,該工具允許用戶在其瀏覽器中的視頻中選擇感興趣的區域。這個例子反映了我試圖完成的事情:http://paperjs.org/examples/hit-testing/使用Paper.js突出顯示YouTube視頻中感興趣的區域

圖片用戶能夠圍繞YouTube視頻的一部分創建一個blob來突出顯示一個人。然後,我計劃根據用戶的興趣,使用blob中的座標進行一些計算機視覺處理。

我認爲Paper.js是一個很棒的工具,但是,我很難將一個Youtube視頻嵌入到canvas元素中,這樣我就可以使用Paper.js來構建工具。我很難找到關於如何完成這一任務的信息 - 這個stackoverflow問題提供了一個答案,但YouTube視頻必須下載,而不是簡單地通過它的URL鏈接:Youtube video Inside canvas

我是否正確接近此任務?任何人都可以想出一種方法來實現這一點?謝謝!

回答

0

我無法想象如何在畫布內嵌入YouTube視頻,但我設法做到了將YouTube視頻放在Canvas元素背後的原因!事實證明,畫布是透明的,所以它只需要一些CSS來完成我想要的。但是,這會禁用視頻的控件,因此您需要編寫一些JavaScript才能工作。以下鏈接解釋瞭如何將視頻放在畫布後面:https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/HTML-canvas-guide/PuttingVideoonCanvas/PuttingVideoonCanvas.html