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

update docs

Browse Source
This commit is contained in:
Harvey committed 2022-02-11 15:33:28 +08:00
1 parent 7b0dd9618d
commit c0ed71881b
62 files changed
+525 -396
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/artplayer/src/contextmenu/aspectRatio.js
+9 -9
View File
@@ -6,20 +6,20 @@ export default function aspectRatio(option) {
return {
...option,
html: `${i18n.get('Aspect Ratio')}:
<span data-ratio="default" class="art-current">${i18n.get('Default')}</span>
<span data-ratio="4:3">4:3</span>
<span data-ratio="16:9">16:9</span>
<span data-value="default" class="art-current">${i18n.get('Default')}</span>
<span data-value="4:3">4:3</span>
<span data-value="16:9">16:9</span>
`,
click: (contextmenu, event) => {
const { ratio } = event.target.dataset;
if (ratio) {
art.aspectRatio = ratio;
const { value } = event.target.dataset;
if (value) {
art.aspectRatio = value;
contextmenu.show = false;
}
},
mounted: ($menu) => {
art.on('aspectRatio', (ratio) => {
const $current = queryAll('span', $menu).find((item) => item.dataset.ratio === ratio);
mounted: ($panel) => {
art.on('aspectRatio', (value) => {
const $current = queryAll('span', $panel).find((item) => item.dataset.value === value);
if ($current) {
inverseClass($current, 'art-current');
}
packages/artplayer/src/contextmenu/flip.js
+9 -9
View File
@@ -6,20 +6,20 @@ export default function flip(option) {
return {
...option,
html: `${i18n.get('Video Flip')}:
<span data-flip="normal" class="art-current">${i18n.get('Normal')}</span>
<span data-flip="horizontal">${i18n.get('Horizontal')}</span>
<span data-flip="vertical">${i18n.get('Vertical')}</span>
<span data-value="normal" class="art-current">${i18n.get('Normal')}</span>
<span data-value="horizontal">${i18n.get('Horizontal')}</span>
<span data-value="vertical">${i18n.get('Vertical')}</span>
`,
click: (contextmenu, event) => {
const { flip } = event.target.dataset;
if (flip) {
art.flip = flip;
const { value } = event.target.dataset;
if (value) {
art.flip = value;
contextmenu.show = false;
}
},
mounted: ($menu) => {
art.on('flip', (flip) => {
const $current = queryAll('span', $menu).find((item) => item.dataset.flip === flip);
mounted: ($panel) => {
art.on('flip', (value) => {
const $current = queryAll('span', $panel).find((item) => item.dataset.value === value);
if ($current) {
inverseClass($current, 'art-current');
}
packages/artplayer/src/contextmenu/playbackRate.js
+12 -12
View File
@@ -6,23 +6,23 @@ export default function playbackRate(option) {
return {
...option,
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.0" class="art-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>
<span data-value="0.5">0.5</span>
<span data-value="0.75">0.75</span>
<span data-value="1.0" class="art-current">${i18n.get('Normal')}</span>
<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 { rate } = event.target.dataset;
if (rate) {
art.playbackRate = Number(rate);
const { value } = event.target.dataset;
if (value) {
art.playbackRate = Number(value);
contextmenu.show = false;
}
},
mounted: ($menu) => {
art.on('playbackRate', (rate) => {
const $current = queryAll('span', $menu).find((item) => Number(item.dataset.rate) === rate);
mounted: ($panel) => {
art.on('playbackRate', (value) => {
const $current = queryAll('span', $panel).find((item) => Number(item.dataset.value) === value);
if ($current) {
inverseClass($current, 'art-current');
}