解决浏览器无法自动播放音频的问题

这篇具有很好参考价值的文章主要介绍了解决浏览器无法自动播放音频的问题。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

项目场景:

项目场景:要求根据后台返回数据做一个语音提示功能


问题描述

浏览器报Uncaught (in promise) DOMException: play() failed because the user didn’t interact with the document first.

原因分析:

由于浏览器为了避免自动播放音频打扰用户,因此浏览器做出了限制,只有用户与浏览器交互,如点击事件等等,才会播放音频


解决方案::

尝试过很多方法都会提示我第一次需要交互,最后考虑到是浏览器的限制,因此看了一下浏览器的设置,问题终于得到解决。谷歌、火狐、Microsoft Edge可以通过以下设置来自动播放音频
由于您的浏览器设置,音乐无法自动播放,请手动点击播放。,javascript,chrome,firefox,前端
由于您的浏览器设置,音乐无法自动播放,请手动点击播放。,javascript,chrome,firefox,前端
360、搜狗、2345等等则没这个限制,可自动播放(所以广告多)文章来源地址https://www.toymoban.com/news/detail-529652.html

到了这里,关于解决浏览器无法自动播放音频的问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信浏览器无法自动播放视频几种解决方式

    公司页面设计打开页面需要播放一个过场的MP4视频,在电脑上手机上都没啥事但是在手机微信浏览器里面视频是无法自动播放的。 网上教你的方式无非就是 还有什么页面window.onload的时候利用setInterval延时一小段时间的 但是这基本都是无效的 因为 微信官方已经声明了 靠谱的

    2024年02月11日
    浏览(160)
  • 前端学习之音视频及其谷歌浏览器无法自动播放的解决方法(3)

    目录 一、音视频的应用:  二、谷歌浏览器音视频无法播放的解决方法 方法1:在代码中敲入下图中的js代码 方法2:网站设置 在vscode中敲入  打开浏览器,音视频自动播放。 方法1:在代码中敲入下图中的js代码 给音频设置一个id,用方法实现自动播放:  点击一下页面音频

    2024年02月03日
    浏览(59)
  • vue中使用video插件在微信浏览器中视频无法自动播放的问题

    测试机:安卓华为p30,ios暂未测试,不过看网上说的ios比较好设置,以下代码也设置了兼容 js 是的,你没看错,就是这么简单,并没有网上那么复杂的获取什么什么的,因为我都试过坑了,到最后发现直接在created中就能解决问题

    2024年02月11日
    浏览(71)
  • 解决浏览器自动将http跳转至https导致无法访问的问题

    目录 解决方式 Chrome浏览器 Safari浏览器 Edge浏览器 注意事项 什么是HSTS? 写在最后         最近在宝塔面板申请免费的SSL证书后,部署证书的80端口下的网站可以通过https正常访问,但其他未部署证书的端口也被强制跳转至https请求,导致浏览器提示不安全从而无法访问。

    2024年02月03日
    浏览(90)
  • 解决苹果Safari 浏览器下html不能自动播放声音和视频的问题-实时语音通话功能【唯一客服】...

    在实现我的客服系统中,实时语音通话功能的时候,如果想自动播放音视频流,在苹果设备上遇到了问题。 苹果浏览器(Safari)在默认情况下不允许声音在背景里自动播放。这是出于用户体验和隐私方面的考虑,避免在用户没有意识到的情况下自动播放声音。 解决办法是 iOS

    2024年02月12日
    浏览(132)
  • 微信浏览器(公众号小程序),h5端,小程序 ,app端 解决video视频自动触发播放问题,

    最近一直在开发h5端 和公众号小程序,一般总会遇到video不能自动触发播放(由于不同浏览器限制)、 微信浏览器: 写一个方法: 2.在onload和change方法中执行:调用  不加延时器时器没有效果得,这样在微信公众号在微信浏览器中会实现自动播放 h5端 ,微信小程序 实现自动

    2024年02月05日
    浏览(62)
  • selenium+python自动化测试 —— 解决无法启动IE浏览器及报错问题!

    前言:记录启动IE浏览器的报错及解决方法。 错误1: selenium.common.exceptions.WebDriverException: Message: \\\'IEDriverServer.exe\\\' executable needs to be in PATH. Please download from http://selenium-release.storage.googleapis.com/index.html and read up at https://github.com/SeleniumHQ/selenium/wiki/InternetExplorerDriver Exception ignored i

    2024年02月03日
    浏览(61)
  • 使用webdriver-manager解决浏览器与驱动不匹配所带来自动化无法执行的问题

    在我们使用 Selenium 进行 UI 自动化测试时,常常会因为浏览器驱动与浏览器版本不匹配,而导致自动化测试无法执行,需要手动去下载对应的驱动版本,并替换原有的驱动,可能还会遇到跨操作系统进行测试的时候,以及浏览器自动升级后,也会导致与驱动不匹配的问题。 为

    2024年02月14日
    浏览(42)
  • 【音视频笔记】Mediacodec+Muxer生成mp4,浏览器无法播放问题处理

    最近在测试视频录制功能时发现,AudioRecord + MediaCodec + MediaMuxer生成的MP4,PC浏览器无法播放 ,但是Android、Windows、Mac的播放器应用都能正常播放。虽然不禁想吐槽浏览器视频组件的容错性差,但我也意识生成的文件格式肯定也是有问题的。 然后尝试了合成MP4视频时,只保留视

    2024年02月07日
    浏览(99)
  • 解决Selenium自动关闭浏览器问题

    在没有使用close或者quit的情况下,Selenium自动关闭浏览器就是因为Selenium运行结束了。分两种情况: 在命令行运行时,或在打包好的程序里运行时会有这种情况;在使用Pycharm之类IDE运行代码的时候通常不会造成浏览器关闭,但也有可能在某些IDE里面出现。网上有建议使用“

    2024年02月11日
    浏览(53)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包