Javascript HTML5音频播放器:从Wayback机器中获取?

Javascript HTML5音频播放器:从Wayback机器中获取?,javascript,html5-audio,Javascript,Html5 Audio,目前,我正试图从Wayback机器上抓取一个过时网站的音频播放器。() 我已经将这部分内容包含在我自己的网站中 <section class="player clearfix"> <div class="player-init preload" data-file="http://example.com/mp3embed-fsszlphd4yu9.mp3"></div> </section> 从我看到的情况来看,应该在我们的网页上显示

目前,我正试图从Wayback机器上抓取一个过时网站的音频播放器。()

我已经将这部分内容包含在我自己的网站中

<section class="player clearfix">
    <div class="player-init preload" data-file="http://example.com/mp3embed-fsszlphd4yu9.mp3"></div>
</section>

从我看到的情况来看,应该在我们的网页上显示这个

<section class="player clearfix">
<div class="audioplayer audioplayer-stopped"><div class="player-init preload" data-file="http://example.com/mp3embed-85r10u3gp28b.mp3"><audio src="http://example.com/mp3embed-85r10u3gp28b.mp3" style="width: 0px; height: 0px; visibility: hidden;"></audio></div><div class="audioplayer-playpause"><a href="#"><span class="fa fa-play"></span></a></div><div class="audioplayer-time audioplayer-time-current">00:00</div><div class="audioplayer-bar"><div class="audioplayer-bar-loaded"></div><div class="audioplayer-bar-played"></div></div><div class="audioplayer-time audioplayer-time-duration">00:00</div><div class="audioplayer-volume"><div class="audioplayer-volume-button"><a href="#"><span class="fa fa-volume-up"></span></a></div><div class="audioplayer-volume-adjust"><div><div style="height: 100%;"></div></div></div></div></div>
</section>

00:0000:00

但在我的网页上,它什么也没有显示,甚至当我将他们所有的旧Javascript文件和样式表完全包含在一个空白页面上时也是如此。

HTML5音频播放器,带我自定义js的Wayback机器显示

工作

  • 播放/暂停按钮
  • 持续时间/当前时间
  • 可点击导引头
  • 卷(3步)
Player={
maineleSelector:'section.player',
$mainEle:null,
$audioEle:null,
isplay:false,
fnInit:function(){
var self=这个;
self.mainEle=$(self.mainelselector);
self.$audioEle=self.$mainEle.find('audio');
//切换播放/暂停
self.$mainEle.find('.audioplayer playpaise')。on('click',function(){
//旗子
self.isplay=!self.isplay;
//播放/暂停图标
self._fnUpdatePlayPause();
//播放/暂停动作
if(self.isPlaying){self.$audioEle.get(0.play();}else{self.$audioEle.get(0.pause();}
});
//定时器可搜索
self.$mainEle.find('.audioplayer bar')。on('click',函数(e){
var百分比=e.offsetX/此.offsetWidth;
self.$audioEle.get(0).当前时间=百分比*self.$audioEle.get(0).持续时间;
自我更新时间(百分比/100);
});
//音频播放
self.$audioEle.on('play',函数(e){
自我更新教育(如目标、持续时间);
});    
//音频端
self.$audioEle.on('end',函数(e){
self.isplay=false;
自我更新时间(e.target.currentTime,e.target.duration);
self._fnUpdatePlayPause();
});
//定时器更新
self.$audioEle.on('timeupdate',函数(e){
自我更新时间(e.target.currentTime,e.target.duration);
});
//卷更新
self.$mainEle.find('.audioplayer音量按钮')。打开('click',函数(e){
如果(self.$audioEle.get(0.volume>=0.99){
self.$audioEle.get(0)。音量=0.33;
}否则{
self.$audioEle.get(0).音量+=0.33;
}
self._fnUpdateVolume(self.$audioEle.get(0).volume*100);
});    
}, 
//播放/暂停图标
_fnUpdatePlayPause:函数(){
此.$mainEle.find(“.audioplayer播放暂停跨距”)
.addClass(此.isplay?'fa pause':'fa play')
.removeClass(这个.isplay?'fa play':'fa pause');
},
//更新长度
_fnUpdateDuration:函数(持续时间){
this.$mainEle.find('.audioplayer time duration').text(this.\fnformatomss(duration));
},  
//更新时间
_fnUpdateTime:函数(时间、持续时间){
this.$mainEle.find('.audioplayer time current').text(this.\fnformatomss(time));
这个.mainEle.find('.audioplayer bar played')。宽度(数学圆((100*时间)/持续时间)+'%');
},
//更新卷
_fnUpdateVolume:函数(volumePC){
var volumneIconEle=this.$mainEle.find('.audioplayer音量按钮span');

如果他们似乎不再支持
/mp3embed-id.mp3
url方案,他们的新嵌入式播放器(带有这首歌)可以在@LucaKiebel找到。不要认为这与此有关,你刚才发送的链接与
/mp3embed-id.mp3
有关示例:它总是给我“不允许”(只是文本,不是错误)甚至没有设置正确的标题