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

调整组件嵌入规则

Browse Source
This commit is contained in:
Harvey Zack committed 2018-11-22 16:09:56 +08:00
1 parent 88533c1023
commit 8619fa1b8b
22 files changed
+553 -392
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/artplayer/src/contextmenu/playbackRate.js
+31 -31
View File
@@ -1,35 +1,35 @@
import { inverseClass } from '../utils';
export default function playbackRate(art) {
const { option, i18n, player } = art;
return {
disable: !option.playbackRate,
name: 'playbackRate',
index: 10,
html: `
${i18n.get('Play speed')}:
<span data-rate="0.5">0.5</span>
<span data-rate="0.75">0.75</span>
<span data-rate="1" class="normal current">${i18n.get('Normal')}</span>
<span data-rate="1.25">1.25</span>
<span data-rate="1.5">1.5</span>
<span data-rate="2.0">2.0</span>
`,
click: event => {
const { target } = event;
const { rate } = target.dataset;
if (rate) {
player.playbackRate(Number(rate));
art.contextmenu.hide();
}
},
callback: $menu => {
art.on('playbackRateChange', rate => {
const $current = Array.from($menu.querySelectorAll('span')).find(
item => Number(item.dataset.rate) === rate,
);
inverseClass($current, 'current');
});
},
export default function playbackRate(menuOption) {
return art => {
const { i18n, player } = art;
return {
...menuOption,
html: `
${i18n.get('Play speed')}:
<span data-rate="0.5">0.5</span>
<span data-rate="0.75">0.75</span>
<span data-rate="1" class="normal current">${i18n.get('Normal')}</span>
<span data-rate="1.25">1.25</span>
<span data-rate="1.5">1.5</span>
<span data-rate="2.0">2.0</span>
`,
click: event => {
const { target } = event;
const { rate } = target.dataset;
if (rate) {
player.playbackRate(Number(rate));
art.contextmenu.hide();
}
},
mounted: $menu => {
art.on('playbackRateChange', rate => {
const $current = Array.from($menu.querySelectorAll('span')).find(
item => Number(item.dataset.rate) === rate,
);
inverseClass($current, 'current');
});
},
};
};
}