x15904151985/ArtPlayer
1
0 Fork 0
mirror of https://github.com/zhw2590582/ArtPlayer.git synced 2026-10-26 00:31:20 -08:00
Code Issues Packages Projects Releases Wiki Activity

简化事件

Browse Source
This commit is contained in:
Harvey committed 2020-05-22 13:23:28 +08:00
1 parent 938b90f3a7
commit 4718cd186b
36 files changed
+223 -250
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/artplayer/src/player/screenshotMix.js
+25 -25
View File
@@ -1,4 +1,4 @@
import { secondToTime, downloadFile, def } from '../utils';
import { secondToTime, download, def } from '../utils';
export default function screenshotMix(art, player) {
const {
@@ -7,30 +7,31 @@ export default function screenshotMix(art, player) {
template: { $video },
} = art;
def(player, 'getScreenshotDataURL', {
value: () => {
try {
const canvas = document.createElement('canvas');
canvas.width = $video.videoWidth;
canvas.height = $video.videoHeight;
canvas.getContext('2d').drawImage($video, 0, 0);
return canvas.toDataURL('image/png');
} catch (err) {
notice.show = err;
throw err;
}
},
});
const $canvas = document.createElement('canvas');
def(player, 'getScreenshotBlobUrl', {
def(player, 'getDataURL', {
value: () =>
new Promise((resolve, reject) => {
try {
const canvas = document.createElement('canvas');
canvas.width = $video.videoWidth;
canvas.height = $video.videoHeight;
canvas.getContext('2d').drawImage($video, 0, 0);
canvas.toBlob(blob => {
$canvas.width = $video.videoWidth;
$canvas.height = $video.videoHeight;
$canvas.getContext('2d').drawImage($video, 0, 0);
resolve($canvas.toDataURL('image/png'));
} catch (err) {
notice.show = err;
reject(err);
}
}),
});
def(player, 'getBlobUrl', {
value: () =>
new Promise((resolve, reject) => {
try {
$canvas.width = $video.videoWidth;
$canvas.height = $video.videoHeight;
$canvas.getContext('2d').drawImage($video, 0, 0);
$canvas.toBlob((blob) => {
resolve(URL.createObjectURL(blob));
});
} catch (err) {
@@ -42,11 +43,10 @@ export default function screenshotMix(art, player) {
def(player, 'screenshot', {
value: () => {
const dataUri = player.getScreenshotDataURL();
if (dataUri) {
downloadFile(dataUri, `${option.title || 'artplayer'}_${secondToTime($video.currentTime)}.png`);
player.getDataURL().then((dataUri) => {
download(dataUri, `${option.title || 'artplayer'}_${secondToTime($video.currentTime)}.png`);
art.emit('screenshot', dataUri);
}
});
},
});
}