| 第6行： |
第6行： |
| | }); | | }); |
| | | | |
| − | /* 生成音频播放按钮 */
| |
| − | (function (){
| |
| − | var audios = document.getElementsByClassName('audio-player');
| |
| − | var notValidAudio = /wpDestFile/;
| |
| − | var currentPlaying = null;
| |
| − |
| |
| − | for(var i = 0; i < audios.length; i++) {
| |
| − | var audio = audios[i];
| |
| − | var linkEl = audio.firstElementChild;
| |
| − |
| |
| − | if (!linkEl) {
| |
| − | continue;
| |
| − | }
| |
| − |
| |
| − | var link = linkEl.href;
| |
| − |
| |
| − | if (notValidAudio.test(link)) {
| |
| − | continue;
| |
| − | }
| |
| − |
| |
| − | audio.innerHTML = '';
| |
| − | audio.classList.add('has-audio-element');
| |
| − |
| |
| − | var a = document.createElement('audio');
| |
| − |
| |
| − | a.src = link;
| |
| − | a.preload = 'none';
| |
| − |
| |
| − | a.onended = function () {
| |
| − | currentPlaying = null;
| |
| − | this.parentNode.classList.remove('audio-player-playing');
| |
| − | };
| |
| − |
| |
| − | var button = document.createElement('button');
| |
| − |
| |
| − | button.classList.add('audio-player-button');
| |
| − | button.append(a);
| |
| − | button.onclick = function () {
| |
| − | var a = this.firstElementChild;
| |
| − |
| |
| − | if (currentPlaying != null && currentPlaying != a) {
| |
| − | currentPlaying.pause();
| |
| − | currentPlaying.currentTime = 0;
| |
| − | currentPlaying.parentNode.classList.remove('audio-player-playing');
| |
| − | }
| |
| − |
| |
| − | if (a.paused) {
| |
| − | a.play();
| |
| − | currentPlaying = a;
| |
| − | this.classList.add('audio-player-playing');
| |
| − | this.classList.remove('audio-player-paused');
| |
| − | }
| |
| − | else {
| |
| − | a.pause();
| |
| − | this.classList.add('audio-player-paused');
| |
| − | this.classList.remove('audio-player-playing');
| |
| − | };
| |
| − | };
| |
| − |
| |
| − | audio.append(button);
| |
| − | };
| |
| − | })();
| |
| | | | |
| | /* 生成b站播放窗口 */ | | /* 生成b站播放窗口 */ |
