国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

canvas.toDataURL('image/png')報(bào)錯處理方法

idisfkj / 3125人閱讀

摘要：前段時間做一個項(xiàng)目，需求是對每個視頻添加預(yù)覽圖，這個問題最終選擇方案是用來做轉(zhuǎn)換獲取視頻的一個截圖，添加到頁面中，達(dá)到自動添加預(yù)覽圖的目的。

前段時間做一個項(xiàng)目，需求是對每個視頻添加預(yù)覽圖，這個問題最終選擇方案是：
用canvas.toDataYRL();來做轉(zhuǎn)換獲取視頻的一個截圖，添加到頁面中，達(dá)到自動添加預(yù)覽圖的目的。
部分代碼如下：

var testVideo = document.getElementById("my_video");
var canvas = document.createElement("canvas");
var context = canvas.getContext("2d");

var timer = setTimeout(function() {
    context.drawImage(testVideo, 0, 0, 640, 500);
    var imgURL = canvas.toDataURl("image/jpeg", 1.0);
    
    //測試一下
    console.log(imgURL);
    }, 1000);

但是開發(fā)過程中遇到一個問題，在測試的時候總是提示：
Uncaught SecurityError: Failed to execute "toDataURL" on "HTMLCanvasElement": Tainted canvases may not be exported.
怎么修改都不起作用，最終發(fā)現(xiàn)：
這個其實(shí)是由于視頻文件所在的域和圖片和頁面所在域不同，出現(xiàn)跨域傳輸?shù)膯栴}。

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/88311.html

相關(guān)文章

  • canvas.toDataURL('image/png')報(bào)錯處理方法

    摘要：前段時間做一個項(xiàng)目，需求是對每個視頻添加預(yù)覽圖，這個問題最終選擇方案是用來做轉(zhuǎn)換獲取視頻的一個截圖，添加到頁面中，達(dá)到自動添加預(yù)覽圖的目的。 前段時間做一個項(xiàng)目，需求是對每個視頻添加預(yù)覽圖，這個問題最終選擇方案是：用canvas.toDataYRL();來做轉(zhuǎn)換獲取視頻的一個截圖，添加到頁面中，達(dá)到自動添加預(yù)覽圖的目的。部分代碼如下： var testVideo = document....

    vpants 評論0 收藏0

  • angular引入富文本ngx-quill，自定義圖片上傳（解決Can't resolve

    1. 安裝依賴 npm i ngx-quill npm i quill ps：一定要安裝 quill ，不然ngx-quill會報(bào)Cant resolve quill in xxxx, 因?yàn)閚gx-quill內(nèi)部引用了quill。 2. 使用 1. 引用 /* 在自己的`NgModule`的`imports`里面引用，我是在`RoutesModule`里引用的 */ import { Quil...

    willin 評論0 收藏0

  • angular引入富文本ngx-quill，自定義圖片上傳（解決Can't resolve

    1. 安裝依賴 npm i ngx-quill npm i quill ps：一定要安裝 quill ，不然ngx-quill會報(bào)Cant resolve quill in xxxx, 因?yàn)閚gx-quill內(nèi)部引用了quill。 2. 使用 1. 引用 /* 在自己的`NgModule`的`imports`里面引用，我是在`RoutesModule`里引用的 */ import { Quil...

    honmaple 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<