Empfohlene Methode zur Fehlerbehandlung für canvas.toDataURL image/png

Problemhintergrund:

Es ist erforderlich, einen Screenshot des abgespielten Videos zu erstellen. Das Video wird mithilfe des Video-Tags abgespielt und dann wird ein Echtzeit-Frame-Bild aufgenommen, wenn auf den Videowiedergabebereich geklickt wird.

Der Code ist ganz einfach und lautet wie folgt:

Fragen:

Nicht abgefangener Sicherheitsfehler: „toDataURL“ konnte für „HTMLCanvasElement“ nicht ausgeführt werden: Beschädigte Canvases können nicht exportiert werden.

Nach der Überprüfung und Analyse stellten wir fest, dass dies tatsächlich daran lag, dass sich die Domäne, in der sich die Videodatei befand, von der Domäne unterschied, in der sich das Bild und die Seite befanden, was zu einem domänenübergreifenden Übertragungsproblem führte.

Lösung:

Platzieren Sie die Videodatei unter der Domäne, in der sich die Seite befindet.

Ursprüngliche Adresse: http://blog.csdn.net/luochao_tj/article/details/44942125