代码之家  ›  专栏  ›  技术社区  ›  Uyghur Lives Matter

允许在页面加载时播放音频

  •  0
  • Uyghur Lives Matter  · 技术社区  · 6 年前

    我正在为一些仓库扫描仪维护一个旧的ASP/VVBScript应用程序。他们使用Chrome 64运行Android 7。我可以按照自己的意愿配置Chrome,这样我就不会像普通网站那样受到限制。由于这个web应用程序的性质,在页面加载时播放声音可以提高可用性(当提交的操作失败时)。是否有任何方法允许在页面加载时播放音频文件?

    用户交互后,我可以轻松播放声音。然而,我尝试了多种方法在页面加载时播放声音,但都没有成功:

    • <audio> 标签与 自动播放 不玩( <audio autoplay=""> ).

    • 在播放过程中播放声音 负载 事件( Audio.play() ). 返回 承诺 失败,错误为:

      NotAllowedError: play() can only be initiated by a user gesture.
      
    • 创建一个 Audio 具有 自动播放 ,并将其附加到 身体 期间 负载 活动。

    • 创建一个 音频 ,将其附加到 身体 ,以及 .play() 它在 负载 活动。产生相同的“NotAllowedError”。

    • 将Chrome中的声音网站列入白名单。

    • 确保在Chrome中将媒体自动播放设置设置为允许。

    0 回复  |  直到 6 年前
        1
  •  0
  •   Altin Mullaidrizi    5 年前

    Chrome和Firefox都放弃了对音频和视频自动播放属性的支持,除非是声音静音的视频。

    你可以在这里阅读更多: Autoplay Policy

    然而,最近我发现了一个使用 Howler.js 库,它似乎在这些代码行中工作得很好:

    let timer, sound;
    sound = new Howl({
        src: ['<?= get_theme_file_uri() ?>/images/spotAudio.mp3']
    });
    sound.play();
    

    您可以在此处下载库并阅读文档: https://howlerjs.com/

    推荐文章