成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專(zhuān)欄INFORMATION COLUMN

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

vpants / 2896人閱讀

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

前段時(shí)間做一個(gè)項(xiàng)目，需求是對(duì)每個(gè)視頻添加預(yù)覽圖，這個(gè)問(wèn)題最終選擇方案是：
用canvas.toDataYRL();來(lái)做轉(zhuǎn)換獲取視頻的一個(gè)截圖，添加到頁(yè)面中，達(dá)到自動(dòng)添加預(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);
    
    //測(cè)試一下
    console.log(imgURL);
    }, 1000);

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/112167.html

相關(guān)文章

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

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

    idisfkj 評(píng)論0 收藏0

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

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

    willin 評(píng)論0 收藏0

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

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

    honmaple 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<