Chrome不能自动播放音乐的解决方法

最新推荐文章于 2024-03-21 14:55:27 发布
最新推荐文章于 2024-03-21 14:55:27 发布
阅读量6.3k 收藏
点赞数
分类专栏： WEB前端 Chrome
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/easyboot/article/details/84564317
版权

需要在地址栏中输入chrome://flags/#autoplay-policy，然后在高亮的选项中，将Default换成No user gesture is required：

 

easyboot
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
实现在线播放Wav音频文件，支持IE和Google
qq904274014的博客
07-22 5897
最近在弄一个在线播放Wav音频文件的功能，发现audio只支持在google浏览器下才能访问，ie是不支持的，但是ie支持embed标签的播放。 getWebIE:function(){ var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isIE = userAgent.indexOf("compat...
Chrome 实现音频/视频 自动播放
H18394173217的博客
11-23 3426
Chrome 实现音频/视频 自动播放 //home.html 用a标签跳转到播放页 <a href="test_video.html">跳转到视频/音频播放页</a> //play.html 自动播放音频/视频 <audio autoplay="autoplay" loop="loop" src="audio.mp3"></audio> <video autoplay="autoplay" src="video.mp4"></video&
晨风音乐播放器CMP4 美化版.rar
07-05
CMP是一款免费的在线Flash音乐播放器，致力于提供最佳在线音乐播放解决方案。支持的音频视频格式主要有MP3,FLV,MP4,并可以通过网页JS接口实现WMP(Windows Media Player)所支持的格式播放，如wma等。主要功能特色有列表式播放(自定义音乐专辑和列表)，MP3可视化效果(声音频谱)，同步歌词（默认支持lrc歌词以及kmc卡拉ok歌词），高清视频和在线直播(h264/rtmp)，自定义皮肤，加载各种插件等等，CMP4支持API的调用，可让用户实现更多自定义功能。   为什么在web环境中采用基于flash的播放器优于wmp？ 因为wmp是IE Windows Only，很显然这已经不再符合现在的网络发展趋势。而flash具有很强的跨平台能力，基本支持所有PC操作系统(winnux/mac)和浏览器(IE/FireFox/Chrome/Opera/Safari等)，这样才能使你网站的播放器具有更广泛的兼容性。当前，flash已经是使用最多的网络媒体播放软件，而且除了PC系统，flash已经开始全面支持android手机系统，所以web环境中(BS)采用基于flash的播放器无疑是最佳选择。    修正默认分享地址最后自动添加.swf 修正https环境下的js接口可能引起的安全权限错误 更新doc文档的部分错误链接 新增config全局配置文件zip压缩后进行加载(仅读取第一个) 列表项地址的自动替换，支持在父级节点定义的变量 列表项新增seekable参数，表示播放时是否可以拖动进度条以尝试搜寻播放，默认1可以     本播放器是由CMP4 经过美化，现正式发布。   1：添加歌曲在list1,list2...等添加。添加歌曲格式：参照list1.    
音乐歌词「Music Lyrics」-crx插件
03-12
此扩展程序为Google音乐提供歌词支持。 ***更新：此扩展不再有效。 实际上，它仍然可以使用，但是最新版本的Chrome会阻止获取歌词，因为它是通过http制作的，而music.google.com是通过https加载的。 这意味着chrome将在地址栏的右侧显示一个警告三角形，表示已阻止了不安全的脚本。 单击此处，您可以激活脚本，扩展程序将再次运行。 不幸的是，我没有时间更新扩展程序并找到解决方法，因此将保持这种状态。 对不起。 ***此扩展程序增加了对Google音乐中歌词的支持。 这很简单：播放歌曲时，它会尝试获取相应的歌词，然后，如果要查看它们，您只需单击播放器控件旁边的歌词按钮。 它仍处于测试阶段，它需要正确地拼写标题和艺术家，并且它依赖第三方服务来获取歌词。 1.1.0：现在实现自动滚动 支持语言:English (United States)
让谷歌浏览器自动播放音频设置方法
最新发布
qq_39951524的博客
03-21 494
谷歌浏览器默认是不会自动播放视频的，如何使谷歌浏览器自动播放视频
vue中解决chrome浏览器自动播放音频和MP3语音打包到线上的实现方法
01-18
一、vue中解决chrome浏览器自动播放音频 需求 有新订单的时候，页面自动语音提示和弹出提示框； 问题 chrome浏览器在18年4月起，就在桌面浏览器全面禁止了音视频的自动播放功能。严格地来说，是Chrome不允许在用户对网页进行触发之前播放音频。不光是这样，在页面加载完毕的情况下，用户没有click、dbclick、touch等主动交互行为，使用js直接调用.play() 方法的话，chrome都会抛出如下错误：Uncaught (in promise) DOMException； 解决 在网上找了很多方法都不行，最后试出一种可行：语音播放显示出来才可以自动播放语音，如下图； 上代码
手机移动端浏览器 HTML 音乐不能自动播放的三种方法
qq_33444240的博客
07-13 1067
第二种：自定义Func实现交互触发play()第一种：添加控制属性（controls）
解决浏览器不能自动播放音频的问题，audio标签不自动播放
fxj1160259824的博客
08-09 2558
解决浏览器不能自动播放音频的问题，audio标签不自动播放。vuecli项目，我的思路是，audio标签写在入口app.vue里，这样可以在其他页面通过id直接获取元素；然后在用户点击登录的时候获取到audio标签存入vuex，在需要自动播放的页面获取vuex的元素，然后播放。......
解决浏览器无法自动播放音频的问题
m0_55591550的博客
03-26 1万+
项目场景： 提示：这里简述项目相关背景： 项目场景：要求根据后台返回数据做一个语音提示功能 问题描述 提示：这里描述项目中遇到的问题： 浏览器报Uncaught (in promise) DOMException: play() failed because the user didn’t interact with the document first. 原因分析： 提示：这里填写问题的分析： 由于浏览器为了避免自动播放音频打扰用户，因此浏览器做出了限制，只有用户与浏览器交互，如点击事件等等，才会播放
前端学习之音视频及其谷歌浏览器无法自动播放的解决方法（3）
狗头苏丹的博客
05-29 1948
音视频无法自动播放的问题解决方法
谷歌chrome浏览器无法自动播放video标签视频的问题
阿酷tony
05-17 2043
谷歌chrome浏览器无法自动播放video标签视频的问题，新版谷歌默认是不支持带音量视频的，所以让视频先静音。
chrome浏览器无法自动播放音乐的设置
热门推荐
a639735331的博客
08-06 3万+
在浏览器输入  chrome://flags/#autoplay-policy  第一个选项 Autoplay policy  设置为 no user gesture is required
YMC：从任何macOS窗口管理Yandex.Music
02-01
如果要使用本机媒体密钥控制播放，请在辅助功能设置（ System Preferences → Security & Privacy → Accessibility ）中启用浏览器，然后在浏览器中重新加载yandex音乐标签 注意 如果出现类似The a
globalSpeed：Web扩展名，用于设置视频和音频的默认速度
01-30
URL规则可根据网站自动设置自定义播放速率。 可选的快捷键可控制速度。 媒体热键 倒带/前进，逐帧分析，调整音量，设置标记，转到标记，AB重复等等。 选择您要优先用于媒体热键的视频/音频。 热键可以处于全局...
IE、chorme、firefox、safari对于<object>标签<embed>标签支持情况
ndsc0201的专栏
04-24 8130
今天在HTML标签的时候学习了标签和标签，发现各个浏览器对他们的支持情况差别很大，我想总结一下我所学到的内容。我是一个小菜鸟，希望有问题莫怪哈。 网页中显示富媒体（Flash、视频、音频）需要用到两个元素：和。 和 元素能够告诉浏览器几件事： 1、文件名和文件存放位置    2、文件的格式 3、播放该文件所需的插件的种类 在元素中，可以使用元素为播放器提供这些信息。元素不是在元素可以
谷歌浏览器如何支持 object
翔飞
01-23 6436
把附件中的文件拖入谷歌浏览器中地址栏（需要在扩展程序 中打开开发者模式）即可，或进入chrome://extensions,勾选开发者模式,将crx包拖入 如不行，输入chrome:flags#enable-npapi 回车，启用enable-npapi,然后重启chrome ...
chrome浏览器UncaughtTypeError: object is not a function问题解决
qq1507171150的博客
03-09 2211
想到或许是谷歌浏览器版本太低了，下载最新版的谷歌浏览器，卸载之前的版本，安装最新版的，输入网址后，登录后也是正常。Odoo15安装之后，用系统自带的IE浏览器和谷歌浏览器登录以后，web页都显示空白，跟踪找到显示如下错误。至此，困扰我多日的问题，总算是解决了，太不容易了，故留下此文，以做纪念！于是，我下载了最新版的火狐浏览器，输入网址，登录后，正常登录了。经过几天的卸载，重装，换几台电脑安装后，依然如此。各种百度，必应查找原因，没有一个方法能解决的。想到会不会是浏览器的问题？
有关不同浏览器对于object标签支持的兼容问题
hulua2010的专栏
07-19 5384
对于object标签来说，ie是支持的，但是像火狐，360，谷歌等浏览器他是不支持的，解决的办法有很多种，下面介绍三种方法： 第一：就是绕开object标签不用 :shock: 这个办法管用，可以上网上找。 第二种：可以在object中嵌套embed标签。这个方法很简单，不做介绍。 重点在第三种 第三种：可以在支持ie的object中在嵌套不支持其他浏览器的object标签 代码如下： ...
如何解决Chrome浏览器auto标签不能自动播放的问题
05-25
Chrome浏览器禁止自动播放标签页的音频和视频，这是为了提高用户体验和减少不必要的干扰。但是，如果您希望自动播放标签页的音频和视频，可以按照以下步骤进行操作： 1. 在Chrome浏览器的地址栏中输入chrome://...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值