視頻幀圖像SRC不顯示

我複製了此鏈接的代碼：http://jamesbaca.net/slides/source_code/html5_andJSThumbs/。該演示在服務器上運行良好，但我的本地代碼不會生成圖像。我爲我自己的副本演示&運行Inspect元素。該演示顯示了圖像元素的src。該副本僅顯示原始代碼。 src從哪裏來，&我如何獲得副本以呈現與原始演示相同的結果？視頻幀圖像SRC不顯示

來源

2014-11-08 JimM

你試圖加載它作爲一個文件：//URL？ – aldel 2014-11-08 18:49:04

[重複的問題？]（http://stackoverflow.com/questions/22710627/tainted-canvases-may-not-be-exported） – aldel 2014-11-08 18:58:40

@aldel試圖顯示它作爲一個簡單的數據網址，通過右鍵點擊。顯然，使用外部在線服務完成對base64的圖像轉換。可以插入本地代碼來完成任務嗎？ – JimM 2014-11-08 21:31:07

該問題不在您的代碼中;這就是它在服務器上工作的原因。它只會因爲你試圖從文件而不是服務器加載而失敗。從文件的圖像：// URL自動「玷污」畫布（即使它是由一個網頁，也是一個文件加載：// URL），這意味着呼喚toDataURL將throw an error：

如果canvas元素的位圖的origin-clean標誌被設置爲false，拋出一個SecurityError異常並放棄這些步驟。

您應該運行本地服務器並從中加載代碼。例如，假設你已經安裝了Python，您可以cd到你的文件中，並運行目錄：

蟒蛇-m SimpleHTTPServer 8009

那麼你的瀏覽器指向http://localhost:8009/yourfile.html

來源

2014-11-11 17:17:51 aldel

視頻幀圖像SRC不顯示

回答

相關問題