Playback rate (#411)

* update

CHANGELOG_CN.md

@@ -5,8 +5,12 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ## [Unreleased]
 - 添加 `art.type` 属性，用于获取和设置视频类型
+- 添加 `art.video` 属性，用于获取 `video` 元素
 - 添加 `artplayer-plugin-iframe` 插件，用于控制 `iframe` 里的播放器
 - 添加 `artplayer-plugin-hls-quality` 插件，用于添加 `Hls` 画质列表到播放器
+- 新增 `Artplayer.PLAYBACK_RATE` 用于设置默认播放速度
+- 新增 `Artplayer.ASPECT_RATIO` 用于设置默认长宽比
+- 新增 `Artplayer.FLIP` 用于设置默认翻转
 - 打包添加 `legacy.js` 版本，用于兼容更老的浏览器，但相对体积较大
 
 ## [4.5.8] - 2022-10-9

docs/uncompiled/artplayer/index.js.map

@@ -1 +1 @@
-{"mappings":"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 truncated
+{"mappings":"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 truncated

packages/artplayer/package.json

@@ -1,7 +1,7 @@
 {
     "license": "MIT",
     "name": "artplayer",
-    "version": "4.5.8",
+    "version": "4.5.9",
     "main": "dist/artplayer.js",
     "legacy": "dist/artplayer.legacy.js",
     "types": "types/artplayer.d.ts",

packages/artplayer/src/contextmenu/aspectRatio.js

@@ -1,14 +1,17 @@
-import { inverseClass, queryAll } from '../utils';
+import { inverseClass, query, queryAll } from '../utils';
 
 export default function aspectRatio(option) {
     return (art) => {
-        const { i18n } = art;
+        const {
+            i18n,
+            constructor: { ASPECT_RATIO },
+        } = art;
         return {
             ...option,
             html: `${i18n.get('Aspect Ratio')}:
-                <span data-value="default" class="art-current">${i18n.get('Default')}</span>
+                ${ASPECT_RATIO.map(
-                <span data-value="4:3">4:3</span>
+                    (item) => `<span data-value="${item}">${item === 'default' ? i18n.get('Default') : item}</span>`,
-                <span data-value="16:9">16:9</span>
+                ).join('')}
             `,
             click: (contextmenu, event) => {
                 const { value } = event.target.dataset;
@@ -18,6 +21,8 @@ export default function aspectRatio(option) {
                 }
             },
             mounted: ($panel) => {
+                const $default = query('[data-value="default"]', $panel);
+                if ($default) inverseClass($default, 'art-current');
                 art.on('aspectRatio', (value) => {
                     const $current = queryAll('span', $panel).find((item) => item.dataset.value === value);
                     if ($current) {

packages/artplayer/src/contextmenu/flip.js

@@ -1,23 +1,27 @@
-import { inverseClass, queryAll } from '../utils';
+import { inverseClass, query, queryAll, capitalize } from '../utils';
 
 export default function flip(option) {
     return (art) => {
-        const { i18n } = art;
+        const {
+            i18n,
+            constructor: { FLIP },
+        } = art;
+
         return {
             ...option,
             html: `${i18n.get('Video Flip')}:
-                <span data-value="normal" class="art-current">${i18n.get('Normal')}</span>
+                ${FLIP.map((item) => `<span data-value="${item}">${i18n.get(capitalize(item))}</span>`).join('')}
-                <span data-value="horizontal">${i18n.get('Horizontal')}</span>
-                <span data-value="vertical">${i18n.get('Vertical')}</span>
             `,
             click: (contextmenu, event) => {
                 const { value } = event.target.dataset;
                 if (value) {
-                    art.flip = value;
+                    art.flip = value.toLowerCase();
                     contextmenu.show = false;
                 }
             },
             mounted: ($panel) => {
+                const $default = query('[data-value="normal"]', $panel);
+                if ($default) inverseClass($default, 'art-current');
                 art.on('flip', (value) => {
                     const $current = queryAll('span', $panel).find((item) => item.dataset.value === value);
                     if ($current) {

packages/artplayer/src/contextmenu/playbackRate.js

@@ -1,17 +1,18 @@
-import { inverseClass, queryAll } from '../utils';
+import { inverseClass, query, queryAll } from '../utils';
 
 export default function playbackRate(option) {
     return (art) => {
-        const { i18n } = art;
+        const {
+            i18n,
+            constructor: { PLAYBACK_RATE },
+        } = art;
+
         return {
             ...option,
             html: `${i18n.get('Play Speed')}:
-                <span data-value="0.5">0.5</span>
+                ${PLAYBACK_RATE.map(
-                <span data-value="0.75">0.75</span>
+                    (item) => `<span data-value="${item}">${item === 1 ? i18n.get('Normal') : item}</span>`,
-                <span data-value="1.0" class="art-current">${i18n.get('Normal')}</span>
+                ).join('')}
-                <span data-value="1.25">1.25</span>
-                <span data-value="1.5">1.5</span>
-                <span data-value="2.0">2.0</span>
             `,
             click: (contextmenu, event) => {
                 const { value } = event.target.dataset;
@@ -21,6 +22,8 @@ export default function playbackRate(option) {
                 }
             },
             mounted: ($panel) => {
+                const $default = query('[data-value="1"]', $panel);
+                if ($default) inverseClass($default, 'art-current');
                 art.on('playbackRate', (value) => {
                     const $current = queryAll('span', $panel).find((item) => Number(item.dataset.value) === value);
                     if ($current) {

packages/artplayer/src/index.js

@@ -202,6 +202,10 @@ export default class Artplayer extends Emitter {
         return this.template.query;
     }
 
+    get video() {
+        return this.template.$video;
+    }
+
     destroy(removeHtml = true) {
         this.events.destroy();
         this.template.destroy(removeHtml);
@@ -241,6 +245,9 @@ Artplayer.FAST_FORWARD_TIME = 1000;
 Artplayer.TOUCH_MOVE_RATIO = 0.5;
 Artplayer.VOLUME_STEP = 0.1;
 Artplayer.SEEK_STEP = 5;
+Artplayer.PLAYBACK_RATE = [0.5, 0.75, 1, 1.25, 1.5, 2];
+Artplayer.ASPECT_RATIO = ['default', '4:3', '16:9'];
+Artplayer.FLIP = ['normal', 'horizontal', 'vertical'];
 
 if (typeof document !== 'undefined') {
     if (!document.getElementById('artplayer-style')) {
@@ -255,7 +262,6 @@ if (typeof window !== 'undefined') {
     window['Artplayer'] = Artplayer;
 }
 
-// eslint-disable-next-line no-console
 console.log(
     `%c ArtPlayer %c ${Artplayer.version} %c https://artplayer.org`,
     'color: #fff; background: #5f5f5f',

packages/artplayer/src/player/aspectRatioMix.js

@@ -1,4 +1,4 @@
-import { setStyle, errorHandle, def } from '../utils';
+import { setStyle, def } from '../utils';
 
 export default function aspectRatioMix(art) {
     const {
@@ -11,11 +11,7 @@ export default function aspectRatioMix(art) {
         get() {
             return $player.dataset.aspectRatio || 'default';
         },
-        set(ratio) {
+        set(ratio = 'default') {
-            if (!ratio) ratio = 'default';
-            const ratioList = ['default', '4:3', '16:9'];
-            errorHandle(ratioList.includes(ratio), `'aspectRatio' only accept ${ratioList.toString()} as parameters`);
-
             if (ratio === 'default') {
                 setStyle($video, 'width', null);
                 setStyle($video, 'height', null);

packages/artplayer/src/player/flipMix.js

@@ -1,4 +1,4 @@
-import { errorHandle, def } from '../utils';
+import { def, capitalize } from '../utils';
 
 export default function flipMix(art) {
     const {
@@ -11,20 +11,14 @@ export default function flipMix(art) {
         get() {
             return $player.dataset.flip || 'normal';
         },
-        set(flip) {
+        set(flip = 'normal') {
-            if (!flip) flip = 'normal';
-
-            const flipList = ['normal', 'horizontal', 'vertical'];
-            errorHandle(flipList.includes(flip), `'flip' only accept ${flipList.toString()} as parameters`);
-
             if (flip === 'normal') {
                 delete $player.dataset.flip;
             } else {
                 $player.dataset.flip = flip;
             }
 
-            const word = flip.replace(flip[0], flip[0].toUpperCase());
+            notice.show = `${i18n.get('Video Flip')}: ${i18n.get(capitalize(flip))}`;
-            notice.show = `${i18n.get('Video Flip')}: ${i18n.get(word)}`;
             art.emit('flip', flip);
         },
     });

packages/artplayer/src/player/playbackRateMix.js

@@ -1,4 +1,4 @@
-import { errorHandle, def } from '../utils';
+import { def } from '../utils';
 
 export default function playbackRateMix(art) {
     const {
@@ -14,8 +14,6 @@ export default function playbackRateMix(art) {
         set(rate) {
             if (rate) {
                 if (rate === $video.playbackRate) return;
-                const rateList = [0.25, 0.5, 0.75, 1.0, 1.25, 1.5, 1.75, 2.0, 3.0, 4.0];
-                errorHandle(rateList.includes(rate), `'playbackRate' only accept ${rateList.toString()} as parameters`);
                 $video.playbackRate = rate;
                 notice.show = `${i18n.get('Rate')}: ${rate === 1.0 ? i18n.get('Normal') : `${rate}x`}`;
                 art.emit('playbackRate', rate);

packages/artplayer/src/setting/aspectRatio.js

@@ -1,7 +1,11 @@
 import { inverseClass, queryAll } from '../utils';
 
 export default function aspectRatio(art) {
-    const { i18n, icons, constructor } = art;
+    const {
+        i18n,
+        icons,
+        constructor: { SETTING_ITEM_WIDTH, ASPECT_RATIO },
+    } = art;
 
     function getI18n(value) {
         return value === 'default' ? i18n.get('Default') : value;
@@ -14,11 +18,11 @@ export default function aspectRatio(art) {
     }
 
     return {
-        width: constructor.SETTING_ITEM_WIDTH,
+        width: SETTING_ITEM_WIDTH,
         html: i18n.get('Aspect Ratio'),
         icon: icons.aspectRatio,
         tooltip: getI18n(art.aspectRatio),
-        selector: ['default', '4:3', '16:9'].map((item) => {
+        selector: ASPECT_RATIO.map((item) => {
             return {
                 value: item,
                 default: item === art.aspectRatio,

packages/artplayer/src/setting/flip.js

@@ -1,30 +1,28 @@
-import { inverseClass, queryAll } from '../utils';
+import { inverseClass, queryAll, capitalize } from '../utils';
 
 export default function flip(art) {
-    const { i18n, icons, constructor } = art;
+    const {
-
+        i18n,
-    const keys = {
+        icons,
-        normal: 'Normal',
+        constructor: { SETTING_ITEM_WIDTH, FLIP },
-        horizontal: 'Horizontal',
+    } = art;
-        vertical: 'Vertical',
-    };
 
     function update($panel, $tooltip, value) {
-        if ($tooltip) $tooltip.innerText = i18n.get(keys[value]);
+        if ($tooltip) $tooltip.innerText = i18n.get(capitalize(value));
         const $current = queryAll('.art-setting-item', $panel).find((item) => item.dataset.value === value);
         if ($current) inverseClass($current, 'art-current');
     }
 
     return {
-        width: constructor.SETTING_ITEM_WIDTH,
+        width: SETTING_ITEM_WIDTH,
         html: i18n.get('Video Flip'),
-        tooltip: i18n.get(keys[art.flip]),
+        tooltip: i18n.get(capitalize(art.flip)),
         icon: icons.flip,
-        selector: Object.keys(keys).map((item) => {
+        selector: FLIP.map((item) => {
             return {
                 value: item,
                 default: item === art.flip,
-                html: i18n.get(keys[item]),
+                html: i18n.get(capitalize(item)),
             };
         }),
         onSelect(item) {

packages/artplayer/src/setting/playbackRate.js

@@ -1,7 +1,11 @@
 import { inverseClass, queryAll } from '../utils';
 
 export default function playbackRate(art) {
-    const { i18n, icons, constructor } = art;
+    const {
+        i18n,
+        icons,
+        constructor: { SETTING_ITEM_WIDTH, PLAYBACK_RATE },
+    } = art;
 
     function getI18n(value) {
         return value === 1.0 ? i18n.get('Normal') : value;
@@ -14,11 +18,11 @@ export default function playbackRate(art) {
     }
 
     return {
-        width: constructor.SETTING_ITEM_WIDTH,
+        width: SETTING_ITEM_WIDTH,
         html: i18n.get('Play Speed'),
         tooltip: getI18n(art.playbackRate),
         icon: icons.playbackRate,
-        selector: [0.5, 0.75, 1.0, 1.25, 1.5, 2.0].map((item) => {
+        selector: PLAYBACK_RATE.map((item) => {
             return {
                 value: item,
                 default: item === art.playbackRate,

packages/artplayer/src/utils/format.js

@@ -2,8 +2,12 @@ export function clamp(num, a, b) {
     return Math.max(Math.min(num, Math.max(a, b)), Math.min(a, b));
 }
 
+export function capitalize(str) {
+    return str.charAt(0).toUpperCase() + str.slice(1);
+}
+
 export function secondToTime(second) {
-    const add0 = num => (num < 10 ? `0${num}` : String(num));
+    const add0 = (num) => (num < 10 ? `0${num}` : String(num));
     const hour = Math.floor(second / 3600);
     const min = Math.floor((second - hour * 3600) / 60);
     const sec = Math.floor(second - hour * 3600 - min * 60);
@@ -13,7 +17,7 @@ export function secondToTime(second) {
 export function escape(str) {
     return str.replace(
         /[&<>'"]/g,
-        tag =>
+        (tag) =>
             ({
                 '&': '&amp;',
                 '<': '&lt;',

packages/artplayer/types/artplayer.d.ts

@@ -58,6 +58,9 @@ declare class Artplayer extends Player {
     static TOUCH_MOVE_RATIO: number;
     static VOLUME_STEP: number;
     static SEEK_STEP: number;
+    static PLAYBACK_RATE: number[];
+    static ASPECT_RATIO: string[];
+    static FLIP: string[];
 
     readonly id: number;
     readonly option: Option;
@@ -75,6 +78,7 @@ declare class Artplayer extends Player {
 
     query: Artplayer['template']['query'];
     proxy: Artplayer['events']['proxy'];
+    video: Artplayer['template']['$video'];
 
     destroy(removeHtml?: boolean): void;