无法使用JavaScript在iPhone上播放声音,但可以在Android上播放

3
我正在尝试使用JavaScript库在Android和iPhone上播放声音通知,但我只能在Android上播放声音,而不能在iPhone上播放。我正在使用JavaScript ion.sound.play("beep") 函数来播放声音。我已将声音文件保存在我的文件夹中。有人可以帮助我吗?如何使用JavaScript在iPhone上播放声音?
1个回答

1

iOS9中需要用户输入声音。您可以在应用程序初始化时使用一个“不可见”的按钮来初始化声音,该按钮在按下一次后消失。触发后,您应该能够通过编程调用ion.sound.play(“beep”)。我会帮助您。

CSS:

<style>
    #init {
        position: absolute;
        margin-right: 0px;
        margin-left: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        z-index: 1000;
    }
</style>

JAVASCRIPT:

if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/iPad/i))) {

    document.write('<a id="init" ontouchstart="javascript:sndInit();"></a>');

    function sndInit(){
    ion.sound.play("beep");
    ion.sound.pause("beep");
    document.getElementById('init').style.display = 'none';
    }
}

好的,谢谢。我已经创建了一个演示,在点击播放按钮后,我能够在iPhone上听到声音。但是我想在页面加载时自动播放,不需要任何用户输入。我还尝试了在document.ready函数中使用触发器方法来触发点击事件,但没有成功。是否可以在页面加载时播放声音? - Vijay Patil
只需添加以下内容 <audio autoplay> <source src="beep.mp3" type="audio/mpeg"> </audio> - Anuj J
谢谢您的建议。我已经尝试过了,但它只在桌面上有效,而在iPhone上无法运行。 - Vijay Patil

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接