浏览器禁止radio 音频 在用户未进行交互时通过js 控制 radio无法播放的问题

最新推荐文章于 2024-04-30 16:57:21 发布
最新推荐文章于 2024-04-30 16:57:21 发布
阅读量347 收藏
点赞数
文章标签： javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_53688947/article/details/120667657
版权

解决方法

  1. 监听页面发生的点击事件或者鼠标滑动事件 来触发首次交互播放音频 首次播放可设置静音播放！ 之后就可以通过js 直接控制radio 按要求播放
飞翔的乌龟L
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Radio 单选JS动态添加的选项onchange事件无效的解决方法
11-27
//记一个问题（已经解决2016.5.5） //在公司项目中遇见一个添加单选项的需求，采用ajax一步请求。为节约资源添加后不刷新网页，js动态改变页面 //当选择到动态添加的单选项，执行绑定事件 radio 单选JS动态添加的选项,onchange事件无效。使用delegate（）函数可以解决该问题！！！ delegate(): delegate() 方法为指定的元素（属于被选元素的子元素）添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。 使用 delegate() 方法的事件处理程序适用于当前或未来的元素（比如由脚本创建的新元素）。 语法 $(selector).deleg
Radio-Nova:带有Electron和VueJS的Radio Nova（FR）播放器
05-16
广播新星播放器 描述 基于Electron + VueJS的播放器。 使用媒体密钥和系统通知。 发行版 构建设置 # install dependencies yarn # serve with hot reload at localhost:9080 yarn run dev # build electron application for production yarn run build # run unit test yarn test # lint all JS/Vue component files in `src/` yarn run link 托多斯 重写通知服务。 干净的风格 该项目是通过使用 @ 生成的。 关于原始结构的文档可以在找到。
【干货分享】前端面试知识点锦集02（JavaScript篇）—— 附答案
半夏半暖半倾城的博客
08-21 1366
1.  JavaScript是一门什么样的语言，它有哪些特点？参考答案 JavaScript是一种脚本语言，官方名称为ECMAScript（因定义语言的标准为ECMA-262）。JS的主要特点：a，语法类似于常见的高级语言，如C和Java; b，脚本语言，不需要编译就可以由解释器直接运行; c，变量松散定义，属于弱类型语言; d，面向对象的。JS最初是为网页设计而开发的，现在也是Web开发的重...
Chrome最新版本如何通过JS设置支持自动播放音频
eaglepie的博客
09-11 4124
众所周知，chrome浏览器在2018年4月起，就在浏览器上全面禁止了音视频的自动播放功能。不光是这样，在页面加载完毕的情况下，用户没有click、dbclick、touch等主动交互行为，使用js直接调用.play() 方法的话，chrome都会抛出如下错误： Uncaught (in promise) DOMException: play() 直到用户有交互之后，再次调用play()方法才会正常播放。但是对于开发来说，很多情况下我们还是需要让音频自动播放的，比如实时消息通知，有最新消息的话，.
网络安全-常见面试题（Web、渗透测试、密码学、Linux等）
热门推荐
关注网络安全、云原生安全
09-21 2万+
目录 WEB安全 OWASP Top 10（2017） Injection - 注入攻击 Broken Authentication-失效的身份认证 Sensitive Data Exposure-敏感数据泄露 XXE-XML外部实体 Broken Access Control-无效的访问控制 Security Misconfiguration-安全配置错误 XSS-跨站脚本攻击 Insecure Deserialization-不安全的反序列化 Using Components w.
新版Chrome访问http页面无法在用户未交互的情况下自动播放声音（Google浏览器不支持audio自动播放问题）
m0_45158829的博客
08-18 2548
前提： 现系统项目需要用户在websocket接收实时通知时自动触发报警声音 解决方式： 用了h5中的audio标签，将其中属性设置为autoplay后不能自动播放，查询了网上其他人的写法，增加了muted 也没反应，控制台上有如下报错 Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first. chrome是这么说的：https://develope
javascript实现radio效果
起點ing 的专栏
03-22 898
好不好，你说的算！有好的交流分享。。。 JS Bin .lanrentuku img{border:1px solid #008800;}                      function myFun (sId){   var oImg = document.getElementsByName('
audio标签不可以自动播放音乐的解决办法
十三月的博客
05-07 1万+
H5的新特性 ，音频不可以自动播放，除非用户自己添加。所以从后台读取出来的音频，需要做操作。 <i class="layui-icon layui-icon-headset" id="player" title="播放音乐"> <audio style="display: none" id="uploadMusic" class="layui-icon layui-...
JS中如何使用radio
weixin_30595035的博客
06-21 352
<input name="sex" type="radio" value="男" checked="checked" />男 <input name="sex" type="radio" value="女" />女 获得radion的值： var sex = $("input[name=sex]:checked").val(); 设置radio...
audio音频不能自动播放的解决方法
Wang_make的博客
03-29 6328
由于浏览器限制的原因，不允许自动播放audio音频，尝试网上的方法后也没有进展（如果有解决方法，欢迎评论~）
一组单选按钮radio如何进行控制
10-31
一组单选按钮radio如何进行控制
JavaScript通过this变量快速找出用户选中radio按钮的方法
12-10
本文实例讲述了JavaScript通过this变量快速找出用户选中radio按钮的方法。分享给大家供大家参考。具体分析如下： 下面的JS代码通过this变量结合radio按钮的onchange事件快速找出用户选择的哪一个radio按钮 [removed...
jquery radio 动态控制选中失效问题的解决方法
10-18
下面小编就为大家分享一篇jquery radio 动态控制选中失效问题的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
关于js获取radio和select的属性并控制的代码
12-10
　首先是获得点击radio的事件，用的是jquery库，获得事件后判断是那个radio，通过判断是那个radio被checked了然后进行联动变换。其中遇到的问题有，兼容ie和firefox的事件，然后是设置select中的中options的selected...
vue快速入门（四十六）Router的安装与使用
不起眼小菜菜的博客
04-26 658
步骤很详细，直接上教程……
报表控件Stimulsoft在JavaScript报告工具中的事件：查看器事件（上）
励志做最业余的专业博主，控件产品可以私我~
04-28 769
在本文中，我们为JS报告工具中的查看器事件提供了全面的指南，包括它们的详细描述、参数列表等一系列详细内容。
bpmn-js推荐几款常用的插件
最新发布
飞云先生
04-30 40
bpmn-js整体框架库的风格是以组件的方式进行实现的，这样的结构也更加便于我们更好的对其进行功能扩展，以及客制化功能实现。其实bpmn.io已经为我们实现了较多场景的组件的实现，了解对应组件的功能更能便于我们区分是否需要自己实现，降低重复造轮子的行为，提高开发效率，本篇文章主要是介绍常见的bpmn-js中使用的组件库。
用Typescript写自动化工作流
联蔚盘云的博客
04-29 913
acao 的命令还有一些其他用法，比如指定执行某个 job 或者忽略依赖 通过命令行参数的方式注入等等，详细使用方式可以查看文档这个项目最近也在持续更新中，后续也会支持更多的预设，web ui 的操作方式也在计划中小伙伴想参与预设的开发也欢迎 pr 呀。
前端Vue2项目搭建过程
xuemen11的博客
04-25 1219
vue2,vuex,vant组件库
安卓浏览器radio不显示
05-13
可能是因为在安卓浏览器中，radio按钮的样式被覆盖或者没有正确加载。你可以尝试以下几种方法来解决这个问题： 1. 确认radio按钮的HTML代码正确无误，没有遗漏或者错误的标签； 2. 检查CSS样式表中是否对radio按钮设置了样式，如果有，可以尝试删除或者修改样式； 3. 尝试在HTML代码中添加一些简单的CSS样式，例如：`<input type="radio" style="display:block;">`，这样可以强制浏览器显示radio按钮； 4. 如果以上方法都不行，可以尝试使用其他浏览器或者更新当前浏览器版本。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值