From 7f6c9c8ee187bb35262bc415882d1a97a9791f98 Mon Sep 17 00:00:00 2001 From: Harvey Zack Date: Sun, 18 Aug 2024 21:06:56 +0800 Subject: [PATCH] refactor: Update video element in Artplayer to support custom canvas or video --- README.md | 6 +- docs/assets/example/canvas.js | 8 - docs/assets/example/libmedia.js | 10 + docs/assets/example/webav.js | 10 + docs/index.html | 9 +- .../artplayer-plugin-canvas/index.js.map | 1 - .../index.js | 93 +-------- .../artplayer-proxy-libmedia/index.js.map | 1 + .../uncompiled/artplayer-proxy-webav/index.js | 188 ++++++++++++++++++ .../artplayer-proxy-webav/index.js.map | 1 + docs/uncompiled/artplayer/index.js | 4 +- docs/uncompiled/artplayer/index.js.map | 2 +- .../artplayer-plugin-canvas/src/Extension.js | 65 ------ packages/artplayer-plugin-canvas/src/index.js | 98 --------- .../artplayer-plugin-canvas/src/libmedia.js | 0 .../types/artplayer-plugin-canvas.d.ts | 14 -- packages/artplayer-plugin-vast/src/index.js | 2 +- packages/artplayer-proxy-libmedia/README.md | 11 + .../artplayer-proxy-libmedia/package.json | 24 +++ .../artplayer-proxy-libmedia/src/index.js | 9 + .../types/artplayer-proxy-libmedia.d.ts | 14 ++ .../README.md | 6 +- .../package.json | 10 +- packages/artplayer-proxy-webav/src/index.js | 9 + .../types/artplayer-proxy-webav.d.ts | 14 ++ packages/artplayer/src/index.js | 2 +- packages/artplayer/src/scheme/index.js | 2 +- 27 files changed, 326 insertions(+), 287 deletions(-) delete mode 100644 docs/assets/example/canvas.js create mode 100644 docs/assets/example/libmedia.js create mode 100644 docs/assets/example/webav.js delete mode 100644 docs/uncompiled/artplayer-plugin-canvas/index.js.map rename docs/uncompiled/{artplayer-plugin-canvas => artplayer-proxy-libmedia}/index.js (69%) create mode 100644 docs/uncompiled/artplayer-proxy-libmedia/index.js.map create mode 100644 docs/uncompiled/artplayer-proxy-webav/index.js create mode 100644 docs/uncompiled/artplayer-proxy-webav/index.js.map delete mode 100644 packages/artplayer-plugin-canvas/src/Extension.js delete mode 100644 packages/artplayer-plugin-canvas/src/index.js delete mode 100644 packages/artplayer-plugin-canvas/src/libmedia.js delete mode 100644 packages/artplayer-plugin-canvas/types/artplayer-plugin-canvas.d.ts create mode 100644 packages/artplayer-proxy-libmedia/README.md create mode 100644 packages/artplayer-proxy-libmedia/package.json create mode 100644 packages/artplayer-proxy-libmedia/src/index.js create mode 100644 packages/artplayer-proxy-libmedia/types/artplayer-proxy-libmedia.d.ts rename packages/{artplayer-plugin-canvas => artplayer-proxy-webav}/README.md (50%) rename packages/{artplayer-plugin-canvas => artplayer-proxy-webav}/package.json (65%) create mode 100644 packages/artplayer-proxy-webav/src/index.js create mode 100644 packages/artplayer-proxy-webav/types/artplayer-proxy-webav.d.ts diff --git a/README.md b/README.md index 189d27841..3311a41b6 100644 --- a/README.md +++ b/README.md @@ -106,7 +106,6 @@ var art = new Artplayer({ - [artplayer-plugin-chromecast](https://artplayer.org/?libs=./uncompiled/artplayer-plugin-chromecast/index.js&example=chromecast) - [artplayer-plugin-vast](https://artplayer.org/?libs=./uncompiled/artplayer-plugin-vast/index.js&example=vast) (WIP) - [artplayer-plugin-chapter](https://artplayer.org/?libs=./uncompiled/artplayer-plugin-chapter/index.js&example=chapter) -- [artplayer-plugin-canvas](https://artplayer.org/?libs=./uncompiled/artplayer-plugin-canvas/index.js&example=canvas) (WIP) ## Library @@ -116,6 +115,11 @@ var art = new Artplayer({ - [mpegts.js](https://artplayer.org/?libs=https://cdn.jsdelivr.net/npm/mpegts.js@1.7.3/dist/mpegts.min.js&example=mpegts) - [webtorrent.js](https://artplayer.org/?libs=https://cdn.jsdelivr.net/npm/webtorrent@1/webtorrent.min.js&example=webtorrent) +## Proxys + +- [WebAV](https://artplayer.org/?libs=./uncompiled/artplayer-proxy-webav/index.js&example=webav) (WIP) +- [libmedia](https://artplayer.org/?libs=./uncompiled/artplayer-proxy-libmedia/index.js&example=libmedia) (WIP) + ## Changelog [CHANGELOG_CN.md](./CHANGELOG_CN.md) diff --git a/docs/assets/example/canvas.js b/docs/assets/example/canvas.js deleted file mode 100644 index 426b41e4d..000000000 --- a/docs/assets/example/canvas.js +++ /dev/null @@ -1,8 +0,0 @@ -// npm i artplayer-plugin-canvas -// import ArtplayerPluginCanvas from 'artplayer-plugin-canvas'; - -var art = new Artplayer({ - container: '.artplayer-app', - url: '/assets/sample/video.mp4', - Canvas: ArtplayerPluginCanvas, -}); \ No newline at end of file diff --git a/docs/assets/example/libmedia.js b/docs/assets/example/libmedia.js new file mode 100644 index 000000000..fd2784dfa --- /dev/null +++ b/docs/assets/example/libmedia.js @@ -0,0 +1,10 @@ +// npm i artplayer-proxy-libmedia +// import artplayerProxyLibmedia from 'artplayer-proxy-libmedia'; + +var art = new Artplayer({ + container: '.artplayer-app', + url: '/assets/sample/video.mp4', + proxy: artplayerProxyLibmedia({ + // + }), +}); \ No newline at end of file diff --git a/docs/assets/example/webav.js b/docs/assets/example/webav.js new file mode 100644 index 000000000..611121bb8 --- /dev/null +++ b/docs/assets/example/webav.js @@ -0,0 +1,10 @@ +// npm i artplayer-proxy-webav +// import artplayerProxyWebAV from 'artplayer-proxy-webav'; + +var art = new Artplayer({ + container: '.artplayer-app', + url: '/assets/sample/video.mp4', + proxy: artplayerProxyWebAV({ + // + }), +}); \ No newline at end of file diff --git a/docs/index.html b/docs/index.html index dd570dff0..174f53e5e 100644 --- a/docs/index.html +++ b/docs/index.html @@ -72,9 +72,16 @@ artplayer-plugin-chapter + +