js监听audio播放完毕

最新推荐文章于 2024-06-05 15:10:41 发布
最新推荐文章于 2024-06-05 15:10:41 发布
阅读量9k 收藏 2
点赞数 2
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/qixianchuan/p/11170170.html
版权 
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>audio监听播放完毕</title>
</head>
<body>

<audio src="1.mp3" id="audio" controls="true" autoplay="true">
  <!-- <source src="1.mp3" type="audio/mpeg"> -->
  Your browser does not support the audio element.
</audio>
<script>
    var audio = document.getElementById("audio"); 
    audio.loop = false;
    audio.addEventListener('ended', function () {  
        alert('over');
    }, false);
</script> 
</body>
</html>

 

转载于:https://www.cnblogs.com/qixianchuan/p/11170170.html

weixin_30578677
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery Audio音乐播放代码
07-24
此外，还可以监听`timeupdate`事件来实时更新进度条，以及`ended`事件来在音乐播放完毕后执行某些操作，如自动播放下一首歌。 总结一下，"jQuery Audio音乐播放代码"是一个利用jQuery和HTML5`<audio>`元素构建的...
音乐播放列表（audio标签实现丶支持自动换歌）
10-13
这里的关键是监听`ended`事件，当一首歌播放完毕时触发自动切换到下一首歌。同时，我们需要处理用户点击列表项播放特定歌曲的情况： ```javascript const player = document.getElementById('player'); const ...
监听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)
Vue3 使用audio播放语音+监听播放语音完成事件
最新发布
蓝胖子的博客
06-05 451
Vue3 使用audio播放语音+监听播放语音完成事件
js监听audio音频播放完毕后想做的事件处理
weixin_42014928的博客
05-09 2677
<audio src="static/audio2/play1.mp3" id="audio" controls="true" autoplay="true"> var audio = document.getElementById("audio"); audio.loop = false; audio.addEventListener('ended', function () { alert('播音结束'); }, false); ...
怎样监听音频播放完毕？
渣渣砖
12-15 1304
非常简单 获取当前点击的音频的DOM元素myAudio; myAuto.addEventListener('ended',function(){ myAuto.pause(); alert('播放完毕'); }) 2:监听ended事件
JS_无法监听audio的ended事件，监听audio播放结束无效
小歪博客
10-13 1456
JS_无法监听audio的ended事件，监听audio播放结束无效
audio-listener-html:HTML中的音频监听器
04-29
console.log('音频播放完毕'); }); ``` 4. **error事件**：当音频加载或播放过程中出现错误时触发。 ```javascript audio.addEventListener('error', function(event) { console.error('音频错误：', event....
JS播放声音 兼容所有浏览器
01-20
3. **事件监听**：可以使用`addEventListener`监听音频状态，比如`canplaythrough`用于确保音频缓冲完毕，`ended`表示音频播放结束。 ```javascript audio.addEventListener('canplaythrough', function() { ...
script_for_audio_JS
03-27
HTML5 Audio API还提供了事件监听，比如`ended`事件可以检测音频是否播放完毕： ```javascript audio.addEventListener('ended', function() { console.log('音频已播放完毕'); }); ``` 如果需要处理更复杂的音频...
js监听audio播放完毕-重置音频
在北风吹起的时候加入我们的队伍 在秋雨到来的时候成为彼此的温暖
07-16 1972
<!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 859
获取系统pid判断是否是系统层提示音播放暂停。说明：这里的代码屏蔽了系统层提示音播放暂停。
js利用vue数据监听原理Object.defineProperty实现语音播放监听
m0_37922443的博客
02-28 871
利用vue数据监听原理Object.defineProperty实现语音播放监听
html5 video/audio 监听事件属性及方法
sun12356499514452248的专栏
01-02 2993
【代码】html5 video/audio 监听事件属性及方法。
监听audio是否加载完毕，如果加载完毕，则读取audio播放时间
u011231598的博客
12-25 1万+
audio.addEventListener("canplay", function(){//监听audio是否加载完毕，如果加载完毕，则读取audio播放时间                 document.getElementById('audio_length_total').innerHTML=transTime(audio.duration);             });...
html判断音视频是否播放完毕后弹出提示
DiDaDi的博客
07-01 2万+
使用ended事件//音频 <audio id="audio" controls="true" autoplay="true"> <source src="/i/song.ogg" type="audio/ogg"> <source src="/i/song.mp3" type="audio/mpeg"> Your browser does not support the audio e
监听Audio的播放状态
qq_42894622的博客
04-20 2万+
监听Audio的播放状态 项目：H5绣红旗 // 监听音乐播放状态：改变播放或暂停按钮 watchMusicState(){ let _this = this; let $audio = document.getElementsByTagName('audio')[0];//获取音乐DOM节点 let playOrPause = docume...
JQ和原生JS监听audio播放停止事件
weixin_34256074的博客
11-22 6514
原生JS： function control_f(){ var audio_f = document.getElementById('music_f'); var audioimg_f = document.getElementById('audioimg_f'); if(audio_f!==null){ if(audio_f.paused){ ...
我想在js代码中,生成读取wav文件的标签,但是页面不显示,然后播放项目中的wav文件,每次播放完毕,自动清除生成的audio标签
06-03
可以使用以下的 JavaScript 代码来生成并播放 WAV 文件： ```javascript // 创建 audio 元素 var audio = document.createElement('audio'); // 创建 source 元素 var source = document.createElement('source'); source.src = 'audiofile.wav'; source.type = 'audio/wav'; // 添加 source 元素到 audio 元素中 audio.appendChild(source); // 将 audio 元素添加到页面 document.body.appendChild(audio); // 播放音频 audio.play(); // 监听音频播放结束事件，清除 audio 元素 audio.addEventListener('ended', function() { document.body.removeChild(audio); }); ``` 这段代码首先创建了一个 audio 元素和一个 source 元素，然后将 source 元素添加到 audio 元素中，最后将 audio 元素添加到页面中并播放音频。在音频播放结束时，它会监听 ended 事件，并从页面中删除 audio 元素。 请确保将 "audiofile.wav" 替换为您的 WAV 文件的实际路径。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值