h5中拖动audio音频标签的进度条,如何输出音频正在播放的时间
关注
码龄 粉丝数 原力等级 --
- 被采纳
- 被点赞
- 采纳率
已结题
前端audio标签的播放时间输出
收起
- 写回答
- 好问题 0 提建议
- 关注问题
- 微信扫一扫点击复制链接分享
- 邀请回答
- 编辑 收藏 删除
- 收藏 举报
2条回答 默认 最新
- 关注
码龄 粉丝数 原力等级 --
- 被采纳
- 被点赞
- 采纳率
雾里桃花 2022-08-29 02:49关注<div id="song"> <h4>音乐</h4> <audio src="音频连接.mp3" type="audio/mp3" controls="controls" ontimeupdate="updata()"></audio> </div>
function updata() { console.log("播放"); var audio = document.querySelector("audio"); audio.duration;//获取总播放时间 audio.currentTime;//获取播放进度 console.log(audio.currentTime);//控制台显示 }
本回答被题主选为最佳回答 , 对您是否有帮助呢? 本回答被专家选为最佳回答 , 对您是否有帮助呢? 本回答被题主和专家选为最佳回答 , 对您是否有帮助呢?解决 1无用举报 编辑记录微信扫一扫点击复制链接分享编辑预览轻敲空格完成输入- 显示为
- 卡片
- 标题
- 链接
评论按下Enter换行,Ctrl+Enter发表内容
编辑
预览
轻敲空格完成输入
- 显示为
- 卡片
- 标题
- 链接
报告相同问题?
提交
- 2021-09-07 12:45回答 2 已采纳 第一次访问必须要有用户交互,点击,键盘事件后autoplay才能自动播放,这浏览器的限制。鼠标移动事件中调用audio.play()也是不行的
- 2021-10-15 05:11回答 3 已采纳 高版本chrome,Firefox不允许自动播放声音,视频的话可以muted静音后自动播放。声音需要和用户交互后如点击页面后才会播放。可以给document添加click事件执行播放操作,不过不点击就
- 2021-04-26 12:20回答 6 已采纳 给移动端网页增加viewpoint,不过样式布局需要重新调整过。建议增加viewpoint+媒体选择器,这样一套html代码就能实现pc和移动端兼容显示,不需要做2个页面,如现在流行的bootstra
- 2022-02-07 12:46此子不可久留丶的博客 一.网站 网站是网页的集合 ...元素组成,用html标签描述出来在浏览器上显示给用户的 ...1.指可以放置多媒体的内容(超出了文本...它不是一种编程语言,而是一种标记语言(markup language) 标记语言是一套标记标签(m
- 2021-08-28 17:43回答 2 已采纳 HTML 5 ��ǩ https://www.w3school.com.cn/html5/html5_audio.asp
- 2022-11-07 01:34回答 1 已采纳 // 视频流延迟 setInterval(() => { if (this.flvPlayer.buffered.length) { l
- 2022-03-26 16:13回答 2 已采纳 因为不能确定什么时候动态注入audio标签,要用setInterval定时不停的检测你题目的解答代码如下: var timer = setInterval(function(){ var au
- 2019-10-06 13:52前端老司机的博客 元信息,是指描述自身的信息,元信息类标签,就是 HTML 用于描述文档自身的一类标签,它们通常出现在 head 标签中,一般都不会在页面被显示出来(与此相对,其它标签,如语义类标签,描述的是业务)。 1.1 head head...
- 2022-02-15 17:53回答 3 已采纳 audio的html标签id错了,多了个单引号 而且看错误提示题主视乎是直接调用了paly,没有和页面交互,如点击,按下键盘,是不能调用play方法的,和直接播放一样被浏览器禁止了有其他问题可以继续交
- 2021-11-19 08:55回答 1 已采纳 <audio src="" controls="controls" loop="loop" autoplay="autoplay"> 看下是不是缺少属性了。
- 2022-05-04 10:04回答 1 已采纳 可以用过AudioContext来实现参考文档https://developer.mozilla.org/zh-CN/docs/Web/API/Web_Audio_API/Using_Web_Audi
- 2022-07-10 22:55脑语言的博客 这是脑语言v0.5.8版的2500个单字(也称为“令”与“一令”),通过【单字编程】(并不仅是中文编程,而是混合英文关键字,但以单字为主的命名)也许是英文不太好时又希望能写代码的其中一种方式。 我在做脑语言...
- 2022-10-20 13:19一个乖乖码字的程序猪的博客 这个是之前github看到过的一篇前端开发网址总结,涵盖前端开发所有常用的相关技术和插件汇总,
- 2023-03-27 06:44Komorebi ঞ꧔ꦿ的博客 2025前端面试题!面试宝典!总结心得!(附答案及解析)会持续更新哦!(2025.1月最新版)感谢支持,你们的鼓励是我的动力!明镜守心!
- 2022-05-25 13:38Z_Xshan的博客 必背面试题-手写题 前端面试(手写题)_Z_Xshan的博客-CSDN博客 css系列 面试官:说说你对盒子模型的理解 一、是什么 所有元素都可以有像盒子一样的平面空间和外形 一个盒子由四部分组成:context ,padding,margin,...
- 没有解决我的问题, 去提问
问题事件
联系我们(工作时间:8:30-22:00)
400-660-0108kefu@csdn.net在线客服
- 京ICP备19004658号
- 经营性网站备案信息
- 公安备案号11010502030143
- 营业执照
- 北京互联网违法和不良信息举报中心
- 家长监护
- 中国互联网举报中心
- 网络110报警服务
- Chrome商店下载
- 账号管理规范
- 版权与免责声明
- 版权申诉
- 出版物许可证
- ©1999-2025北京创新乐知网络技术有限公司