Aliyundrive (#436)

* init * init * add example * add initControl * add initControl * update style * update style * update style * update style * update style * update style * update style * update style * build all * build all * update style
2026-10-14 00:06:17 -08:00 · 2022-12-31 21:16:54 +08:00
1 parent 4dcde5a539
commit 6b791be35a
@@ -0,0 +1,72 @@
+var art = new Artplayer({
+    container: '.artplayer-app',
+    url: '/assets/sample/video.mp4',
+    pip: true,
+    screenshot: true,
+    setting: true,
+    loop: true,
+    flip: true,
+    playbackRate: true,
+    aspectRatio: true,
+    fullscreen: true,
+    fullscreenWeb: true,
+    subtitleOffset: true,
+    miniProgressBar: true,
+    airplay: true,
+    theme: '#23ade5',
+    quality: [
+        {
+            default: true,
+            html: 'SD 480P',
+            url: '/assets/sample/video.mp4',
+        },
+        {
+            html: 'HD 720P',
+            url: '/assets/sample/video.mp4',
+        },
+    ],
+    thumbnails: {
+        url: '/assets/sample/thumbnails.png',
+        number: 60,
+        column: 10,
+    },
+    subtitle: {
+        url: '/assets/sample/subtitle.srt',
+        type: 'srt',
+        style: {
+            color: '#fe9200',
+            fontSize: '20px',
+        },
+        encoding: 'utf-8',
+    },
+    highlight: [
+        {
+            time: 15,
+            text: 'One more chance',
+        },
+        {
+            time: 30,
+            text: '谁でもいいはずなのに',
+        },
+        {
+            time: 45,
+            text: '夏の想い出がまわる',
+        },
+        {
+            time: 60,
+            text: 'こんなとこにあるはずもないのに',
+        },
+        {
+            time: 75,
+            text: '终わり',
+        },
+    ],
+    icons: {
+        loading: '<img src="/assets/img/ploading.gif">',
+        state: '<img width="150" heigth="150" src="/assets/img/state.svg">',
+        indicator: '<img width="16" heigth="16" src="/assets/img/indicator.svg">',
+    },
+    plugins: [
+        artplayerPluginControl()
+    ],
+});