简化icon

This commit is contained in:
Harvey Zack committed 2019-05-06 13:34:49 +08:00
1 parent d9b38d8e72
commit 4d537d3872
11 files changed
+57 -50

No files matched your search

+28 -25
View File
@@ -1278,7 +1278,7 @@
}); });
Object.defineProperty(player, 'playbackRateRemove', { Object.defineProperty(player, 'playbackRateRemove', {
value: function value() { value: function value() {
if (player.$playbackRateState) { if (player.playbackRateState) {
player.playbackRate(1); player.playbackRate(1);
delete $player.dataset.playbackRate; delete $player.dataset.playbackRate;
art.emit('playbackRateRemove'); art.emit('playbackRateRemove');
@@ -3393,9 +3393,10 @@
return objectSpread({}, controlOption, { return objectSpread({}, controlOption, {
mounted: function mounted($control) { mounted: function mounted($control) {
var proxy = art.events.proxy, var proxy = art.events.proxy,
icons = art.icons,
i18n = art.i18n, i18n = art.i18n,
player = art.player; player = art.player;
var $fullscreen = append($control, art.icons.fullscreen); var $fullscreen = append($control, icons.fullscreen);
tooltip($fullscreen, i18n.get('Fullscreen')); tooltip($fullscreen, i18n.get('Fullscreen'));
proxy($control, 'click', function () { proxy($control, 'click', function () {
player.fullscreenToggle(); player.fullscreenToggle();
@@ -3418,9 +3419,10 @@
return objectSpread({}, controlOption, { return objectSpread({}, controlOption, {
mounted: function mounted($control) { mounted: function mounted($control) {
var proxy = art.events.proxy, var proxy = art.events.proxy,
icons = art.icons,
i18n = art.i18n, i18n = art.i18n,
player = art.player; player = art.player;
var $fullscreenWeb = append($control, art.icons.fullscreenWeb); var $fullscreenWeb = append($control, icons.fullscreenWeb);
tooltip($fullscreenWeb, i18n.get('Web fullscreen')); tooltip($fullscreenWeb, i18n.get('Web fullscreen'));
proxy($control, 'click', function () { proxy($control, 'click', function () {
player.fullscreenWebToggle(); player.fullscreenWebToggle();
@@ -3443,9 +3445,10 @@
return objectSpread({}, controlOption, { return objectSpread({}, controlOption, {
mounted: function mounted($control) { mounted: function mounted($control) {
var proxy = art.events.proxy, var proxy = art.events.proxy,
icons = art.icons,
i18n = art.i18n, i18n = art.i18n,
player = art.player; player = art.player;
var $pip = append($control, art.icons.pip); var $pip = append($control, icons.pip);
tooltip($pip, i18n.get('Mini player')); tooltip($pip, i18n.get('Mini player'));
proxy($control, 'click', function () { proxy($control, 'click', function () {
player.pipEnabled(); player.pipEnabled();
@@ -3460,10 +3463,11 @@
return objectSpread({}, controlOption, { return objectSpread({}, controlOption, {
mounted: function mounted($control) { mounted: function mounted($control) {
var proxy = art.events.proxy, var proxy = art.events.proxy,
player = art.player, icons = art.icons,
i18n = art.i18n; i18n = art.i18n,
var $play = append($control, art.icons.play); player = art.player;
var $pause = append($control, art.icons.pause); var $play = append($control, icons.play);
var $pause = append($control, icons.pause);
tooltip($play, i18n.get('Play')); tooltip($play, i18n.get('Play'));
tooltip($pause, i18n.get('Pause')); tooltip($pause, i18n.get('Pause'));
proxy($play, 'click', function () { proxy($play, 'click', function () {
@@ -3646,9 +3650,10 @@
return objectSpread({}, controlOption, { return objectSpread({}, controlOption, {
mounted: function mounted($control) { mounted: function mounted($control) {
var proxy = art.events.proxy, var proxy = art.events.proxy,
icons = art.icons,
i18n = art.i18n, i18n = art.i18n,
subtitle = art.subtitle; subtitle = art.subtitle;
var $subtitle = append($control, art.icons.subtitle); var $subtitle = append($control, icons.subtitle);
tooltip($subtitle, i18n.get('Hide subtitle')); tooltip($subtitle, i18n.get('Hide subtitle'));
proxy($control, 'click', function () { proxy($control, 'click', function () {
subtitle.toggle(); subtitle.toggle();
@@ -3770,9 +3775,10 @@
return objectSpread({}, controlOption, { return objectSpread({}, controlOption, {
mounted: function mounted($control) { mounted: function mounted($control) {
var proxy = art.events.proxy, var proxy = art.events.proxy,
icons = art.icons,
i18n = art.i18n, i18n = art.i18n,
setting = art.setting; setting = art.setting;
var $setting = append($control, art.icons.setting); var $setting = append($control, icons.setting);
tooltip($setting, i18n.get('Show setting')); tooltip($setting, i18n.get('Show setting'));
proxy($control, 'click', function () { proxy($control, 'click', function () {
setting.toggle(); setting.toggle();
@@ -3855,9 +3861,10 @@
return objectSpread({}, controlOption, { return objectSpread({}, controlOption, {
mounted: function mounted($control) { mounted: function mounted($control) {
var proxy = art.events.proxy, var proxy = art.events.proxy,
icons = art.icons,
i18n = art.i18n, i18n = art.i18n,
player = art.player; player = art.player;
var $screenshot = append($control, art.icons.screenshot); var $screenshot = append($control, icons.screenshot);
tooltip($screenshot, i18n.get('Screenshot')); tooltip($screenshot, i18n.get('Screenshot'));
proxy($screenshot, 'click', function () { proxy($screenshot, 'click', function () {
player.screenshot(); player.screenshot();
@@ -5521,19 +5528,6 @@
}; };
} }
function i18nMix(i18n) {
i18n.update({
'zh-cn': {
'Playback of this file format is not supported': '不支持播放该文件格式',
'Load local video successfully': '加载本地视频成功'
},
'zh-tw': {
'Playback of this file format is not supported': '不支持播放該文件格式',
'Load local video successfully': '加載本地視頻成功'
}
});
}
function localPreview(art) { function localPreview(art) {
var _art$constructor$util = art.constructor.utils, var _art$constructor$util = art.constructor.utils,
append = _art$constructor$util.append, append = _art$constructor$util.append,
@@ -5546,7 +5540,16 @@
i18n = art.i18n, i18n = art.i18n,
template = art.template, template = art.template,
player = art.player; player = art.player;
i18nMix(i18n); i18n.update({
'zh-cn': {
'Playback of this file format is not supported': '不支持播放该文件格式',
'Load local video successfully': '加载本地视频成功'
},
'zh-tw': {
'Playback of this file format is not supported': '不支持播放該文件格式',
'Load local video successfully': '加載本地視頻成功'
}
});
function loadVideo(file) { function loadVideo(file) {
if (file) { if (file) {
+1 -1
View File
@@ -1 +1 @@
{"version":3,"file":"artplayer.js","sources":["../../node_modules/@babel/runtime/helpers/classCallCheck.js","../../node_modules/@babel/runtime/helpers/createClass.js","../../node_modules/@babel/runtime/helpers/typeof.js","../../node_modules/@babel/runtime/helpers/assertThisInitialized.js","../../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js","../../node_modules/@babel/runtime/helpers/getPrototypeOf.js","../../node_modules/@babel/runtime/helpers/setPrototypeOf.js","../../node_modules/@babel/runtime/helpers/inherits.js","../../packages/artplayer/node_modules/tiny-emitter/index.js","../../packages/artplayer/node_modules/option-validator/dist/option-validator.js","../../node_modules/@babel/runtime/helpers/defineProperty.js","../../node_modules/@babel/runtime/helpers/isNativeFunction.js","../../node_modules/@babel/runtime/helpers/construct.js","../../node_modules/@babel/runtime/helpers/wrapNativeSuper.js","../../packages/artplayer/src/utils/index.js","../../packages/artplayer/src/scheme/index.js","../../packages/artplayer/src/config/mimeCodec.js","../../packages/artplayer/src/config/mse.js","../../packages/artplayer/src/config/video.js","../../packages/artplayer/src/config/index.js","../../packages/artplayer/src/whitelist.js","../../packages/artplayer/src/template.js","../../packages/artplayer/src/i18n/index.js","../../packages/artplayer/src/player/attachUrlMix.js","../../packages/artplayer/src/player/attrInit.js","../../packages/artplayer/src/player/eventInit.js","../../packages/artplayer/src/player/playMix.js","../../packages/artplayer/src/player/pauseMin.js","../../packages/artplayer/src/player/toggleMix.js","../../packages/artplayer/src/player/seekMix.js","../../packages/artplayer/src/player/volumeMix.js","../../packages/artplayer/src/player/currentTimeMix.js","../../packages/artplayer/src/player/durationMix.js","../../packages/artplayer/src/player/switchMix.js","../../packages/artplayer/src/player/playbackRateMix.js","../../packages/artplayer/src/player/aspectRatioMix.js","../../packages/artplayer/src/player/screenshotMix.js","../../packages/artplayer/node_modules/screenfull/dist/screenfull.js","../../packages/artplayer/src/player/fullscreenMix.js","../../packages/artplayer/src/player/fullscreenWebMix.js","../../packages/artplayer/node_modules/get-size/get-size.js","../../packages/artplayer/node_modules/ev-emitter/ev-emitter.js","../../packages/artplayer/node_modules/unipointer/unipointer.js","../../packages/artplayer/node_modules/unidragger/unidragger.js","../../packages/artplayer/node_modules/draggabilly/draggabilly.js","../../packages/artplayer/src/player/pipMix.js","../../packages/artplayer/src/player/loadedMix.js","../../packages/artplayer/src/player/playedMix.js","../../packages/artplayer/src/player/playingMix.js","../../packages/artplayer/src/player/autoSizeMix.js","../../packages/artplayer/src/player/rectMix.js","../../packages/artplayer/src/player/flipMix.js","../../packages/artplayer/src/player/index.js","../../packages/artplayer/src/utils/component.js","../../node_modules/@babel/runtime/helpers/objectSpread.js","../../packages/artplayer/src/controls/fullscreen.js","../../packages/artplayer/src/controls/fullscreenWeb.js","../../packages/artplayer/src/controls/pip.js","../../packages/artplayer/src/controls/playAndPause.js","../../packages/artplayer/src/controls/progress.js","../../packages/artplayer/src/controls/subtitle.js","../../packages/artplayer/src/controls/time.js","../../packages/artplayer/src/controls/volume.js","../../packages/artplayer/src/controls/setting.js","../../packages/artplayer/src/controls/thumbnails.js","../../packages/artplayer/src/controls/screenshot.js","../../packages/artplayer/src/controls/quality.js","../../packages/artplayer/src/controls/index.js","../../packages/artplayer/src/contextmenu/playbackRate.js","../../packages/artplayer/src/contextmenu/aspectRatio.js","../../packages/artplayer/src/contextmenu/info.js","../../packages/artplayer/src/contextmenu/version.js","../../packages/artplayer/src/contextmenu/close.js","../../packages/artplayer/src/contextmenu/index.js","../../packages/artplayer/src/info.js","../../node_modules/@babel/runtime/helpers/arrayWithHoles.js","../../node_modules/@babel/runtime/helpers/iterableToArrayLimit.js","../../node_modules/@babel/runtime/helpers/nonIterableRest.js","../../node_modules/@babel/runtime/helpers/slicedToArray.js","../../packages/artplayer/src/subtitle.js","../../packages/artplayer/src/events/clickInit.js","../../packages/artplayer/src/events/hoverInit.js","../../packages/artplayer/src/events/mousemoveInit.js","../../packages/artplayer/node_modules/resize-observer/lib/ContentRect.js","../../packages/artplayer/node_modules/resize-observer/lib/ResizeObservation.js","../../packages/artplayer/node_modules/resize-observer/lib/ResizeObserverEntry.js","../../packages/artplayer/node_modules/resize-observer/lib/ResizeObserver.js","../../packages/artplayer/src/events/resizeInit.js","../../packages/artplayer/src/events/inLine truncated {"version":3,"file":"artplayer.js","sources":["../../node_modules/@babel/runtime/helpers/classCallCheck.js","../../node_modules/@babel/runtime/helpers/createClass.js","../../node_modules/@babel/runtime/helpers/typeof.js","../../node_modules/@babel/runtime/helpers/assertThisInitialized.js","../../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js","../../node_modules/@babel/runtime/helpers/getPrototypeOf.js","../../node_modules/@babel/runtime/helpers/setPrototypeOf.js","../../node_modules/@babel/runtime/helpers/inherits.js","../../packages/artplayer/node_modules/tiny-emitter/index.js","../../packages/artplayer/node_modules/option-validator/dist/option-validator.js","../../node_modules/@babel/runtime/helpers/defineProperty.js","../../node_modules/@babel/runtime/helpers/isNativeFunction.js","../../node_modules/@babel/runtime/helpers/construct.js","../../node_modules/@babel/runtime/helpers/wrapNativeSuper.js","../../packages/artplayer/src/utils/index.js","../../packages/artplayer/src/scheme/index.js","../../packages/artplayer/src/config/mimeCodec.js","../../packages/artplayer/src/config/mse.js","../../packages/artplayer/src/config/video.js","../../packages/artplayer/src/config/index.js","../../packages/artplayer/src/whitelist.js","../../packages/artplayer/src/template.js","../../packages/artplayer/src/i18n/index.js","../../packages/artplayer/src/player/attachUrlMix.js","../../packages/artplayer/src/player/attrInit.js","../../packages/artplayer/src/player/eventInit.js","../../packages/artplayer/src/player/playMix.js","../../packages/artplayer/src/player/pauseMin.js","../../packages/artplayer/src/player/toggleMix.js","../../packages/artplayer/src/player/seekMix.js","../../packages/artplayer/src/player/volumeMix.js","../../packages/artplayer/src/player/currentTimeMix.js","../../packages/artplayer/src/player/durationMix.js","../../packages/artplayer/src/player/switchMix.js","../../packages/artplayer/src/player/playbackRateMix.js","../../packages/artplayer/src/player/aspectRatioMix.js","../../packages/artplayer/src/player/screenshotMix.js","../../packages/artplayer/node_modules/screenfull/dist/screenfull.js","../../packages/artplayer/src/player/fullscreenMix.js","../../packages/artplayer/src/player/fullscreenWebMix.js","../../packages/artplayer/node_modules/get-size/get-size.js","../../packages/artplayer/node_modules/ev-emitter/ev-emitter.js","../../packages/artplayer/node_modules/unipointer/unipointer.js","../../packages/artplayer/node_modules/unidragger/unidragger.js","../../packages/artplayer/node_modules/draggabilly/draggabilly.js","../../packages/artplayer/src/player/pipMix.js","../../packages/artplayer/src/player/loadedMix.js","../../packages/artplayer/src/player/playedMix.js","../../packages/artplayer/src/player/playingMix.js","../../packages/artplayer/src/player/autoSizeMix.js","../../packages/artplayer/src/player/rectMix.js","../../packages/artplayer/src/player/flipMix.js","../../packages/artplayer/src/player/index.js","../../packages/artplayer/src/utils/component.js","../../node_modules/@babel/runtime/helpers/objectSpread.js","../../packages/artplayer/src/controls/fullscreen.js","../../packages/artplayer/src/controls/fullscreenWeb.js","../../packages/artplayer/src/controls/pip.js","../../packages/artplayer/src/controls/playAndPause.js","../../packages/artplayer/src/controls/progress.js","../../packages/artplayer/src/controls/subtitle.js","../../packages/artplayer/src/controls/time.js","../../packages/artplayer/src/controls/volume.js","../../packages/artplayer/src/controls/setting.js","../../packages/artplayer/src/controls/thumbnails.js","../../packages/artplayer/src/controls/screenshot.js","../../packages/artplayer/src/controls/quality.js","../../packages/artplayer/src/controls/index.js","../../packages/artplayer/src/contextmenu/playbackRate.js","../../packages/artplayer/src/contextmenu/aspectRatio.js","../../packages/artplayer/src/contextmenu/info.js","../../packages/artplayer/src/contextmenu/version.js","../../packages/artplayer/src/contextmenu/close.js","../../packages/artplayer/src/contextmenu/index.js","../../packages/artplayer/src/info.js","../../node_modules/@babel/runtime/helpers/arrayWithHoles.js","../../node_modules/@babel/runtime/helpers/iterableToArrayLimit.js","../../node_modules/@babel/runtime/helpers/nonIterableRest.js","../../node_modules/@babel/runtime/helpers/slicedToArray.js","../../packages/artplayer/src/subtitle.js","../../packages/artplayer/src/events/clickInit.js","../../packages/artplayer/src/events/hoverInit.js","../../packages/artplayer/src/events/mousemoveInit.js","../../packages/artplayer/node_modules/resize-observer/lib/ContentRect.js","../../packages/artplayer/node_modules/resize-observer/lib/ResizeObservation.js","../../packages/artplayer/node_modules/resize-observer/lib/ResizeObserverEntry.js","../../packages/artplayer/node_modules/resize-observer/lib/ResizeObserver.js","../../packages/artplayer/src/events/resizeInit.js","../../packages/artplayer/src/events/inLine truncated
@@ -6,11 +6,12 @@ export default function fullscreen(controlOption) {
mounted: $control => { mounted: $control => {
const { const {
events: { proxy }, events: { proxy },
icons,
i18n, i18n,
player, player,
} = art; } = art;
const $fullscreen = append($control, art.icons.fullscreen); const $fullscreen = append($control, icons.fullscreen);
tooltip($fullscreen, i18n.get('Fullscreen')); tooltip($fullscreen, i18n.get('Fullscreen'));
proxy($control, 'click', () => { proxy($control, 'click', () => {
@@ -6,11 +6,12 @@ export default function fullscreenWeb(controlOption) {
mounted: $control => { mounted: $control => {
const { const {
events: { proxy }, events: { proxy },
icons,
i18n, i18n,
player, player,
} = art; } = art;
const $fullscreenWeb = append($control, art.icons.fullscreenWeb); const $fullscreenWeb = append($control, icons.fullscreenWeb);
tooltip($fullscreenWeb, i18n.get('Web fullscreen')); tooltip($fullscreenWeb, i18n.get('Web fullscreen'));
proxy($control, 'click', () => { proxy($control, 'click', () => {
+2 -1
View File
@@ -6,10 +6,11 @@ export default function pip(controlOption) {
mounted: $control => { mounted: $control => {
const { const {
events: { proxy }, events: { proxy },
icons,
i18n, i18n,
player, player,
} = art; } = art;
const $pip = append($control, art.icons.pip); const $pip = append($control, icons.pip);
tooltip($pip, i18n.get('Mini player')); tooltip($pip, i18n.get('Mini player'));
proxy($control, 'click', () => { proxy($control, 'click', () => {
player.pipEnabled(); player.pipEnabled();
@@ -6,12 +6,13 @@ export default function playAndPause(controlOption) {
mounted: $control => { mounted: $control => {
const { const {
events: { proxy }, events: { proxy },
player, icons,
i18n, i18n,
player,
} = art; } = art;
const $play = append($control, art.icons.play); const $play = append($control, icons.play);
const $pause = append($control, art.icons.pause); const $pause = append($control, icons.pause);
tooltip($play, i18n.get('Play')); tooltip($play, i18n.get('Play'));
tooltip($pause, i18n.get('Pause')); tooltip($pause, i18n.get('Pause'));
@@ -6,11 +6,12 @@ export default function screenshot(controlOption) {
mounted: $control => { mounted: $control => {
const { const {
events: { proxy }, events: { proxy },
icons,
i18n, i18n,
player, player,
} = art; } = art;
const $screenshot = append($control, art.icons.screenshot); const $screenshot = append($control, icons.screenshot);
tooltip($screenshot, i18n.get('Screenshot')); tooltip($screenshot, i18n.get('Screenshot'));
proxy($screenshot, 'click', () => { proxy($screenshot, 'click', () => {
player.screenshot(); player.screenshot();
+2 -1
View File
@@ -6,11 +6,12 @@ export default function setting(controlOption) {
mounted: $control => { mounted: $control => {
const { const {
events: { proxy }, events: { proxy },
icons,
i18n, i18n,
setting, setting,
} = art; } = art;
const $setting = append($control, art.icons.setting); const $setting = append($control, icons.setting);
tooltip($setting, i18n.get('Show setting')); tooltip($setting, i18n.get('Show setting'));
proxy($control, 'click', () => { proxy($control, 'click', () => {
+2 -1
View File
@@ -6,11 +6,12 @@ export default function subtitle(controlOption) {
mounted: $control => { mounted: $control => {
const { const {
events: { proxy }, events: { proxy },
icons,
i18n, i18n,
subtitle, subtitle,
} = art; } = art;
const $subtitle = append($control, art.icons.subtitle); const $subtitle = append($control, icons.subtitle);
tooltip($subtitle, i18n.get('Hide subtitle')); tooltip($subtitle, i18n.get('Hide subtitle'));
proxy($control, 'click', () => { proxy($control, 'click', () => {
@@ -29,7 +29,7 @@ export default function playbackRateMix(art, player) {
Object.defineProperty(player, 'playbackRateRemove', { Object.defineProperty(player, 'playbackRateRemove', {
value: () => { value: () => {
if (player.$playbackRateState) { if (player.playbackRateState) {
player.playbackRate(1); player.playbackRate(1);
delete $player.dataset.playbackRate; delete $player.dataset.playbackRate;
art.emit('playbackRateRemove'); art.emit('playbackRateRemove');
+11 -14
View File
@@ -1,16 +1,3 @@
function i18nMix(i18n) {
i18n.update({
'zh-cn': {
'Playback of this file format is not supported': '不支持播放该文件格式',
'Load local video successfully': '加载本地视频成功',
},
'zh-tw': {
'Playback of this file format is not supported': '不支持播放該文件格式',
'Load local video successfully': '加載本地視頻成功',
},
});
}
export default function localPreview(art) { export default function localPreview(art) {
const { append, setStyle, setStyles, sleep } = art.constructor.utils; const { append, setStyle, setStyles, sleep } = art.constructor.utils;
const { const {
@@ -21,7 +8,17 @@ export default function localPreview(art) {
template, template,
player, player,
} = art; } = art;
i18nMix(i18n);
i18n.update({
'zh-cn': {
'Playback of this file format is not supported': '不支持播放该文件格式',
'Load local video successfully': '加载本地视频成功',
},
'zh-tw': {
'Playback of this file format is not supported': '不支持播放該文件格式',
'Load local video successfully': '加載本地視頻成功',
},
});
function loadVideo(file) { function loadVideo(file) {
if (file) { if (file) {