【H5-chrome】chrome自动播放音频的问题

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

在最新版的Chrome浏览器（以及所有以Chromium为内核的浏览器）中，已不再允许自动播放音频和视频。（Google的某些做法还真是令开发者不爽）。就算你为video或audio标签设置了autoplay属性也一样不能自动播放。

 

设置方式：

打开希望自动播放音频的网址

然后在网址的前面点击

 

找到声音设置：

改成允许就可以自动播放

gwcgwcjava
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
react-h5-audio-player:用UIReact音频播放器组件。 它在台式机和移动设备上提供时间指示器
05-12
React H5音频播放器 音频播放器组件，可在不同的浏览器上提供一致的UI / UX。 超级可定制的布局 带有SVG图标的Flexbox CSS。 移动友好。 支持辅助功能，支持键盘事件。 支持媒体源扩展（MSE）和加密媒体扩展（EME） 用TypeScript编写。 现场演示： 在CodePen上尝试： 支持的浏览器：Chrome，Firefox，Safari，Opera，Edge，IE 11 安装 $ npm i react-h5-audio-player 或者 $ yarn add react-h5-audio-player 用法 import AudioPlayer from 'react-h5-audio-player' ; import 'react-h5-audio-player/lib/styles.css' ; // import 'react-h
html谷歌浏览器实现自动播报语音,vue中解决chrome浏览器自动播放音频 和MP3语音打包到线上...
weixin_30499315的博客
06-03 1951
需求有新订单的时候，页面自动语音提示和弹出提示框；问题chrome浏览器在18年4月起，就在桌面浏览器全面禁止了音视频的自动播放功能。严格地来说，是Chrome不允许在用户对网页进行触发之前播放音频。不光是这样，在页面加载完毕的情况下，用户没有click、dbclick、touch等主动交互行为，使用js直接调用.play() 方法的话，chrome都会抛出如下错误：Uncaught (in pr...
让谷歌浏览器自动播放音频设置方法
最新发布
qq_39951524的博客
03-21 675
谷歌浏览器默认是不会自动播放视频的，如何使谷歌浏览器自动播放视频
chromium38内核编译
wangcheng711的专栏
08-07 1843
本文写于2014.8.7，以2014.8.5日发布的chrome 38.0.2114.2版本为例 chromium 在Win7 64位下的编译   为什么写这篇文章 刚开始学习 chrome 浏览器，从下载代码，编译代码开始，查看别人写的文章，好多都不管用，有些是直接转载的碎片，没有加以验证，有些是太久远的文章，chrome更新速度比较快，结构有大的调整，windows下的编译步骤调整很快
C#客户端嵌入Chrome浏览器的实现
哈利路亚的收藏夹
03-21 2万+
客户端软件，也就是传统的Winform软件，在很多时候是很好用的。因为在做一些打印、本地设备操作的时候，纯Web系统还是存在很多局限性的。例如很多驱动你需要单独写cab包啦，交互式实现调试很困难啦，浏览器适配问题啦等等。这个时候，Winform结合Web的方式，就是一种比较好的选择。传统上来说，.net本身支持WebBrowser，但是WebBrowser这个东西是基于本地操作系统IE浏览器的，一...
百度 tts 语音合成前端无法播放问题解决
Irene1991的博客
04-22 2323
百度 tts 语音合成前端无法播放问题解决
chromium audio 实现分析
typename 记录点滴
12-10 5583
分享chromium audio实现以及在Android平台的对接.
解决google浏览器自动播放问题，亲测可用！！
java_mygod的博客
09-14 2万+
解决谷歌浏览器自动播放问题前言 前言 页面video视频属性设置了autoplay="true"后，用chrome浏览时发现竟然不会自动播放，原因是2018 年 4 月份发布的 chrome 66 也正式宣布关闭音频自动播放。 1：需求来源 为了满足客户需求（非一般客户,** 你个 **）在完美影响用户体验的情况下解决谷歌浏览器自动播放音频问题，下面是自己的一个demo ： // 以下就是自己的实现，（当然了跟广大网友的配合是分不开的，至于参考谁的我也记不得了，在这里谢过了） <audio src="
Chrome 实现音频/视频 自动播放
H18394173217的博客
11-23 3446
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&
vue自动播放音频提示音（根据接口返回的状态值，提示声音。 code==0：播放成功音效； else 播放失败的音效）
蓝胖子的博客
11-01 2952
vue自动播放音频提示音（根据接口返回的状态值，提示声音。 code==0：播放成功音效； else 播放失败的音效）
H5视频播放插件.zip
06-19
随着H5的兴起，传统的C/S构架产品逐步迁移到B/S架构上，但是H5的版本演进一直没能很好的解决实时视频播放的问题，从HLS到WebRtc 再到 Wasm 都伴随着它的问题， HLS延迟大满足不了实时流性要求; WebRTC 复杂以及更...
H5视频播放插件,h5视频播放组件,C/C++
06-19
14本播放控件支持以下功能: 1. 支持基于H5的主流浏览器( Chrome 2. 支持音频(g7113. 支持 H2644. 支持 GPU加速（Nvidia Cuda8以上）
CEF插件使谷歌 正常使用video和audio
11-24
使谷歌 正常使用video和audio标签的插件，cefsharp插件解决嵌入式谷歌内核应用不能播放视频和音频问题。
waveplayer.js:具有波形视图的基于HTML5的音频播放器
05-02
经过测试， waveplayer.js可以在Chrome ， Firefox和Opera上运行（尚不支持Internet Explorer ）。 为了最大程度地减少波形绘制时间，有必要向JSON文件或以数字形式表示音频文件的波形的数据数组/对象提供URL。 ...
自开发自用浏览器chromeium内核最新版
无线智能模块 可视DIY智能专家
10-18 556
最新版效果图（首页） 关于先前的介绍： 可远程控制物联网双核多功能浏览器_无线智能模块 可视DIY智能专家-CSDN博客https://blog.csdn.net/uaime/article/details/116998457?spm=1001.2014.3001.5501 版本信息：更新一次很不容易，都懂得方法不当需要数小时，太难了。。。 CefSharp(V94.4.50.0,nuget , github) (内核:r94.4.5+g0fd0d6f+chromium-94.0.460.
Chromeium 服务模型
垮掉的一代人的专栏
12-04 493
目的 将Chrome代码库移至面向服务的模型。这将产生可重用和解耦的组件，同时还减少重复。它也允许Chrome小组和其他小组尝试新功能，而无需修改Chrome。 背景 Chrome的体系结构存在各种问题和局限性： 组件一致性差： 特定于功能的代码散布在不同的模块和流程中，例如平台和浏览器功能以及Blink和[chrome，组件，内容] /浏览器+渲染器中的代码。 似乎不相关的功能具有直接或间接的依赖关系纠缠，从而难以隔离离散的服务代码以实现重用，安全性和稳定性（例如，网络服务）。 ...
Chrome 中的自动播放策略&如何设置自动播放
热门推荐
qq_35052138的博客
09-09 2万+
Chrome 中的自动播放策略 为了改善用户体验，谷歌浏览器限制了音视频的自动播放，最大限度地减少广告骚扰，并减少数据消耗 Chrome 66 开始限制了 video 和 audio 元素的自动播放，从 Chrome 71 开始限制了 Web Audio API 的自动播放，因此一些网页游戏和webrtc相关的音视频项目都会相应收到影响 autoplay 虽然限制了自动播放，但是还有一些情况下是允许自动播放的 静音状态下始终允许自动播放 有声音自动播放时： 用户进行了页面点击等与界面发生交互行为
adnroid开发 h5播放音频
02-02
Android开发中，可以使用H5播放音频，具体可以通过WebView来实现。WebView是Android提供的一个控件，可以加载和显示网页内容，包括H5页面。 首先，在Android的布局文件中添加一个WebView控件，用于显示H5页面。然后，通过代码获取到WebView的实例，并设置WebView的设置，使其支持JavaScript和音频播放功能。 接下来，加载H5页面，可以通过WebView的loadUrl()方法加载一个具体的网址，或者用loadData()方法加载一个Html的字符串。 在H5页面中，可以通过HTML的audio标签来播放音频。你可以在H5页面中添加一个音频元素，并设置音频文件的路径，并通过JavaScript代码来控制音频的播放、暂停等操作。 在Android开发中，可以通过WebView的addJavascriptInterface()方法来将Android的原生方法暴露给H5页面。这样，H5页面就可以调用Android的方法来控制音频的播放。 在Android中，可以使用MediaPlayer类来实现音频的播放功能。可以在Android中定义一个MediaPlayer对象，并在H5页面中调用该对象的方法来控制音频的播放。 当需要控制音频播放时，可以在H5页面中调用Android的方法，通过MediaPlayer对象来播放音频。 以上就是在Android开发中，通过使用WebView和H5技术来实现音频播放的基本步骤。具体的实现还需要根据具体的需求和情况来进行调整和优化。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值