JS_无法监听audio的ended事件，监听audio播放结束无效

最新推荐文章于 2024-06-05 15:10:41 发布

小歪 | 前端

最新推荐文章于 2024-06-05 15:10:41 发布

阅读量1.5k

点赞数 1

分类专栏： # JS 文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/weixin_44599931/article/details/127295099

版权

JS 专栏收录该内容

160 篇文章 4 订阅

订阅专栏

当你的audio标签里面有loop属性时

<audio id="music2"  loop preload autoplay="autoplay">
    <source type="audio/mp3" src="">
</audio>

监听ended事件

var Music2 = document.getElementById("music2")
Music2.loop = false;
Music2.addEventListener('ended',function () {
}, false)

当你的audio标签里面没有loop属性时

<audio id="music2" preload autoplay="autoplay">
    <source type="audio/mp3" src="">
</audio>

监听ended事件

var Music2 = document.getElementById("music2")
Music2.addEventListener('ended',function () {
})

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小歪 | 前端

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
JS_无法监听audio的ended事件，监听audio播放结束无效

JS_无法监听audio的ended事件，监听audio播放结束无效
复制链接

扫一扫

专栏目录

JavaScript中audio停止播放事件

漏刻有时数据可视化大屏（PHP&ECHARTS智能化开源软件系统）

12-19

1980

在HTML中，使用JavaScript来控制元素的播放和停止。要停止播放音频，使用pause()方法。pause;// 停止播放音频0;// 将音频的当前时间设置为0，即从头开始

audio语音播放组件

zyz00000000的博客

03-24

5100

该功能将使用vue3 + TS来实现语音播放组件，使用什么技术不重要，重要的是看懂了核心逻辑后，通过原生js、react、vue2等都可以轻松实现所涉及到重要点有以下几个：（1）进度条的实现：拖拽进度条、点击进度条（2）操作audio语音播放：通过js操作audio媒体（3）播放进度与进度条紧密关联：播放的进度改变时，进度条也随之改变；进度条改变时，播放的进度也随之改变效果图：开始我们的设计吧！第一步：点击拖拽进度条进度条的css样式如下：父元素设置灰色背景..

参与评论您还未登录，请先登录后发表或查看评论

js无法监听audio的ended事件

qq_32849999的博客

01-21

4222

1、当你的audio标签里面有loop属性时 <audio id="music2" loop preload autoplay="autoplay"> <source type="audio/mp3" src=""> </audio> 监听ended事件 var Music2 = document.getElementById

js监听audio播放完毕

weixin_44493841的博客

09-03

6031

js监听audio播放完毕 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>audio监听播放完毕</title> </head> <body> <audio src="static/audio2/play1.mp3" id="audio" controls="true" autoplay="true"> &lt

音频结束事件

weixin_41798071的博客

06-21

1044

unity 音频结束事件

js控制音频播放无效

Mitin_的博客

08-17

661

在开发一个聊天客服的时候，有一个需求就是，当用户发送消息过来的时候，客服需要有声音提示。

HTML5-Audio-player.rar_audio player_html5 audio_player

09-20

例如，监听播放结束： ```javascript document.getElementById('myAudio').addEventListener('ended', function() { console.log('音频已播放完毕'); }); ``` 3. **方法控制**：除了事件监听，还有许多方法用于控制...

script_for_audio_JS

03-27

HTML5 Audio API还提供了事件监听，比如`ended`事件可以检测音频是否播放完毕： ```javascript audio.addEventListener('ended', function() { console.log('音频已播放完毕'); }); ``` 如果需要处理更复杂的音频...

音乐播放列表（audio标签实现丶支持自动换歌）

10-13

这里的关键是监听`ended`事件，当一首歌播放完毕时触发自动切换到下一首歌。同时，我们需要处理用户点击列表项播放特定歌曲的情况： ```javascript const player = document.getElementById('player'); const ...

audio-listener-html:HTML中的音频监听器

04-29

3. **ended事件**：当音频播放结束时触发。 ```javascript audio.addEventListener('ended', function() { console.log('音频播放完毕'); }); ``` 4. **error事件**：当音频加载或播放过程中出现错误时触发。 ...

HTML5中Audio标签ended属性的使用

wangcuiling_123的博客

06-11

2526

HTML5音频的循环播放，javascript调用audio对象实现循环播放

Vue3 使用audio播放语音+监听播放语音完成事件

热门推荐

飞一样的编程

11-29

2万+

var audio=document.getElementById('audio'); if(audio){ audio.loop = false; audio.addEventListener('ended', function () { $('#playvoice').attr("src",'images/play_voice_off.png'); }, false)

html audio 结束事件,HTML Audio/Video DOM

weixin_31881743的博客

06-05

815

HTML Audio/Video DOM seeked 事件实例在用户完成设置视频的重新播放位置时弹出提示文本：var vid = document.getElementById("myVideo");vid.onseeked = function() {alert("Seek operation completed!");};尝试一下 »本文底部包含了更多实例。定义和用法seeked 事件在用户...

vue下的audio标签播放、暂停、完成事件

homoiotheymy的博客

12-22

3337

audio标签下的@play、@pause、@ended的事件

audio标签的timeupdate事件和ended事件

Jana Jing的分享

12-22

5142

timeupdate事件：当前播放时间 <audio controls @timeupdate="timeUpdate"></audio> 将当前时间赋给current当前时间 timeUpdate(e){ console.log("时间变化",e.target.currentTime) this.current=e.target.currentTime; } play()方法中判断是否处于暂停中，如果是点击播放，否则点击暂停 play(){

js监听audio播放完毕-重置音频

在北风吹起的时候加入我们的队伍在秋雨到来的时候成为彼此的温暖

07-16

1998

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>audio监听播放完毕</title> </head> <body> <audio src="http://images.aicangjie.com/youer/chengyu/mp3/u8qc10yy_1611872360_shiyi.mp3" id="audio" c

Android 13 全局监听播放器暂停与播放（包含系统层和第三方app）

a546036242的博客

09-23

945

获取系统pid判断是否是系统层提示音播放暂停。说明：这里的代码屏蔽了系统层提示音播放暂停。

监听L.trackplayback的播放完成事件

05-25

如果你正在使用 JavaScript 操作音频或视频播放，你可能需要监听 `ended` 事件，以便在媒体播放完成时执行一些操作。要监听 `ended` 事件，可以使用以下代码： ```javascript const audio = document.querySelector...