自定义HTML5 Mp3播放器

我需要此功能的全部功能，但我似乎忘了如何将多个JavaScript文件连接到一个功能。这里是我的index.html自定义HTML5 Mp3播放器

<!DOCTYPE html> 
<html> 
<head> 
<script type="text/javascript" 
source src="/storage/ 
emulated/0/Documents/ 
Mp3Player/js/ 
MyScript.js"></script> 
<script type="text/javascript" 
source src="/storage/ 
emulated/0/Documents/ 
Mp3Player/js/MyScript1.js"></ 
script> 
</head> 
<body> 
<img src="/storage/emulated/0/ 
Documents/Mp3Player/html/ 
images/play.jpg" width="200" 
height="200" onclick="play(); 
changeImage();"> 
<audio id="audio" src="/storage/ 
emulated/0/Documents/ 
Mp3Player/html/music/ 
Rap_In_Darkness.mp3 "/> 
</body> 
</html>

这里的MyScript.js的音频播放。

function play(){ var myAudio = 
document.getElementById 
("audio"); if(myAudio.paused) 
myAudio.play(); else 
myAudio.pause(); }

这里是暂停/播放按钮图像的MyScript1.js。

function changeImage() { if 
(document.getElementById 
("imgClickAndChange").src == "/ 
storage/emulated/0/ 
Documents/Mp3Player/html/ 
images/Pause.jpg") { 
document.getElementById 
("imgClickAndChange").src = "/ 
storage/emulated/0/ 
Documents/Mp3Player/html/ 
images/play.jpg "; } else { 
document.getElementById 
("imgClickAndChange").src = " 
storage/emulated/0/ 
Documents/Mp3Player/html/ 
images/Pause.jpg "; } }

来源

2017-01-28 Anonymation TwentyFourSeven

@MoinuddinQuadri能你解决这个问题我想知道你是否记得如何将多个.js文件链接到一个html，而不会造成混乱 –

修改您的index.html这样

<!DOCTYPE html> 
<head> 
<script type="text/javascript" 
src="/storage/ 
emulated/0/Documents/ 
Mp3Player/js/ 
MyScript.js"></script> 
<script type="text/javascript" 
src="/storage/ 
emulated/0/Documents/ 
Mp3Player/js/MyScript1.js"></ 
script> 
</head> 
<body> 
<img src="/storage/emulated/0/ 
Documents/Mp3Player/html/ 
images/play.jpg" width="200" 
height="200" onclick="play(); 
changeImage();"> 
<audio id="audio" src="/storage/ 
emulated/0/Documents/ 
Mp3Player/html/music/ 
Rap_In_Darkness.mp3 "/> 
</body> 
</html>

然后你MyScript.js这样

function play(){ var myAudio = 
document.getElementById 
("audio"); if(myAudio.paused) 
myAudio.play(); else 
myAudio.pause(); }

最后，你MyScript1.js这样

function changeImage() { if 
(document.getElementById 
("imgClickAndChange").src == "/ 
storage/emulated/0/ 
Documents/Mp3Player/html/ 
images/Pause.jpg") { 
document.getElementById 
("imgClickAndChange").src = "/ 
storage/emulated/0/ 
Documents/Mp3Player/html/ 
images/play.jpg "; } else { 
document.getElementById 
("imgClickAndChange").src = " 
storage/emulated/0/ 
Documents/Mp3Player/html/ 
images/Pause.jpg "; } }

来源

2017-01-28 03:10:28

我认为这打破了我的代码，但是我的意思是它不工作没有进攻 –

那么，控制台中的错误消息是什么？ @AnonymationTwentyFourSeven –

排序没有控制台阅读droidedit –

自定义HTML5 Mp3播放器

回答

相关问题