开和关音频按钮在 JS 中不起作用

Posted

技术标签:

【中文标题】开和关音频按钮在 JS 中不起作用【英文标题】:On and Off audio button not working in JS 【发布时间】:2016-04-20 03:14:29 【问题描述】:

所以我用 javascript 编写了一个脚本来播放一个 mp3 文件,然后会有一个图像,你可以点击它来切换是否应该播放音频。当我单击图片时,它会停止播放 mp3 文件,这是我想要它执行的操作,但是当我再次单击它时,它不会继续播放或重新开始播放歌曲。

<script type="text/javascript">
var audio = document.getElementById("myAudio"); 

function detectmob()  
         if( navigator.userAgent.match(/android/i) //Checks if on mobile
         || navigator.userAgent.match(/webOS/i)
         || navigator.userAgent.match(/iPhone/i)
         || navigator.userAgent.match(/iPad/i)
         || navigator.userAgent.match(/iPod/i)
         || navigator.userAgent.match(/BlackBerry/i)
         || navigator.userAgent.match(/Windows Phone/i)
         )
              return true;
          
         else 
                    audio.play();
              

function Pause() 
         if (audio.play = false) 
            audio.play()
         
         else 
            audio.pause();
         

window.onload = detectmob;
</script>

<center> <input type="image" onclick="Pause()" src="/images/Nor.gif" style="width:750px;height:400px;"></center>

【问题讨论】:

【参考方案1】:

您的条件检查audio.play = false 是错误的,它将值false 分配给play 属性覆盖了默认函数引用。

您可以使用paused属性检查音频是否暂停。

function Pause() 
  if (audio.paused) 
    audio.play();
   else 
    audio.pause();
  

【讨论】:

它工作!万分感谢!我已经为此工作了一两个小时,我尝试了很多不同的方法,我尝试将它作为 audio.pause 而不是 audio.paused @AndrewFriedman 总是看文档,看看有哪些可用的属性/功能,不要猜测

以上是关于开和关音频按钮在 JS 中不起作用的主要内容,如果未能解决你的问题,请参考以下文章

音频在 Xylophone Flutter App 中不起作用

可见绑定在淘汰赛 js 中不起作用

如果指定了文本颜色,则禁用按钮在 React JS 中不起作用

AngularJS、SweetAlert.js 在自定义指令中不起作用

滚动到顶部按钮在 IE 中不起作用

音频在 APK 中不起作用