Server : Apache/2.4.6 (CentOS) OpenSSL/1.0.2k-fips PHP/7.4.20 System : Linux st2.domain.com 3.10.0-1127.10.1.el7.x86_64 #1 SMP Wed Jun 3 14:28:03 UTC 2020 x86_64 User : apache ( 48) PHP Version : 7.4.20 Disable Function : NONE Directory : /var/www/html/video/layout/js/node_modules/artplayer/src/contextmenu/ |
import { inverseClass, query, queryAll } from '../utils';
export default function playbackRate(option) {
return (art) => {
const {
i18n,
constructor: { PLAYBACK_RATE },
} = art;
const html = PLAYBACK_RATE.map(
(item) => `<span data-value="${item}">${item === 1 ? i18n.get('Normal') : item.toFixed(1)}</span>`,
).join('');
return {
...option,
html: `${i18n.get('Play Speed')}: ${html}`,
click: (contextmenu, event) => {
const { value } = event.target.dataset;
if (value) {
art.playbackRate = Number(value);
contextmenu.show = false;
}
},
mounted: ($panel) => {
const $default = query('[data-value="1"]', $panel);
if ($default) inverseClass($default, 'art-current');
art.on('video:ratechange', () => {
const $current = queryAll('span', $panel).find(
(item) => Number(item.dataset.value) === art.playbackRate,
);
if ($current) {
inverseClass($current, 'art-current');
}
});
},
};
};
}