From d37e344e87e51a942e64ae83f75ae42b93e70aff Mon Sep 17 00:00:00 2001 From: DIYgod Date: Sat, 21 Nov 2015 22:34:49 +0800 Subject: [PATCH] notes i18n --- APlayer.js | 28 ++++++++++++++-------------- 1 file changed, 14 insertions(+), 14 deletions(-) diff --git a/APlayer.js b/APlayer.js index 523200b..d209dc5 100644 --- a/APlayer.js +++ b/APlayer.js @@ -6,7 +6,7 @@ APlayer.prototype.init = function () { this.element = this.option.element; this.music = this.option.music; - // 填充HTML + // fill in HTML this.element.innerHTML = '' + '
' + '' @@ -46,24 +46,24 @@ APlayer.prototype.init = function () { + '
' + ''; - // 切换窄样式 + // switch to narrow style if (this.option.narrow) { this.element.classList.add('aplayer-narrow'); } - // 创建audio元素 + // create audio element this.audio = document.createElement("audio"); this.audio.src = this.music.url; this.audio.loop = true; this.audio.preload = 'metadata'; - // 显示音频总时间 + // show audio time var _self = this; this.audio.addEventListener('durationchange', function() { _self.element.getElementsByClassName('aplayer-dtime')[0].innerHTML = _self.secondToTime(_self.audio.duration); }); - // 可以播放, 取消loading样式, 显示加载进度条 + // can play: remove loading style, show loading progress bar this.audio.addEventListener('canplay', function() { _self.element.getElementsByClassName('aplayer-author')[0].innerHTML = ' - ' + _self.music.author; _self.loadedTime = setInterval(function () { @@ -79,7 +79,7 @@ APlayer.prototype.init = function () { _self.element.getElementsByClassName('aplayer-author')[0].innerHTML = ' - ' + '加载失败 ╥﹏╥'; }); - // 播放暂停按钮 + // play and pause button this.playButton = this.element.getElementsByClassName('aplayer-play')[0]; this.pauseButton = this.element.getElementsByClassName('aplayer-pause')[0]; this.playButton.addEventListener('click', function () { @@ -89,7 +89,7 @@ APlayer.prototype.init = function () { _self.pause.call(_self); }); - // 播放进度控制(拖拽滑块 点击进度条) + // control play progress this.playedBar = this.element.getElementsByClassName('aplayer-played')[0]; this.loadedBar = this.element.getElementsByClassName('aplayer-loaded')[0]; this.thumb = this.element.getElementsByClassName('aplayer-thumb')[0]; @@ -130,7 +130,7 @@ APlayer.prototype.init = function () { }, 100); } - // 音量控制 + // control volume this.audio.volume = 0.8; this.volumeBar = this.element.getElementsByClassName('aplayer-volume')[0]; var volumeBarWrap = this.element.getElementsByClassName('aplayer-volume-bar')[0]; @@ -166,7 +166,7 @@ APlayer.prototype.init = function () { } }); - // 获取元素相对窗口位置 + // get element's view position function getElementViewLeft (element) { var actualLeft = element.offsetLeft; var current = element.offsetParent; @@ -190,13 +190,13 @@ APlayer.prototype.init = function () { return actualTop - elementScrollTop; } - // 自动播放 + // autoplay if (this.option.autoplay) { this.play(); } }; -// 播放 +// play APlayer.prototype.play = function () { this.playButton.classList.add('aplayer-hide'); this.pauseButton.classList.remove('aplayer-hide'); @@ -208,7 +208,7 @@ APlayer.prototype.play = function () { }, 100); }; -// 暂停 +// pause APlayer.prototype.pause = function () { this.pauseButton.classList.add('aplayer-hide'); this.playButton.classList.remove('aplayer-hide'); @@ -216,14 +216,14 @@ APlayer.prototype.pause = function () { clearInterval(this.playedTime); }; -// 更新进度条(加载进度条 播放进度条) +// update progress bar (loading progress bar, play progress bar) APlayer.prototype.updateBar = function (type, percentage, direction) { percentage = percentage > 0 ? percentage : 0; percentage = percentage < 1 ? percentage : 1; this[type + 'Bar'].style[direction] = percentage * 100 + '%'; }; -// 将秒数整理为 00:00 格式 +// format second to 00:00 APlayer.prototype.secondToTime = function (second) { var add0 = function (num) { return num < 10 ? '0' + num : '' + num;