JavaScript实现音乐单曲循环

步骤

1. 创建 audio 对象

var audio= new Audio("./musics/bgm.mp3");//这里的路径写上mp3文件在项目中的绝对路径

2. 获取 audio 的时长，audio 的 duration 属性前往w3schools查看audio属性

var duration;
duration=audio.duration;//长度单位是秒

3. 定义播放audio的函数

function bgm(){audio.play();//播放
}
bgm();//定义完成之后开始调用第一次

4. 再创建定时器

window.setInterval("bgm()",duration*1000+1000);

完整代码

var audio= new Audio("./musics/bgm.mp3");//这里的路径写上mp3文件在项目中的绝对路径
var duration;
duration=audio.duration;//长度单位是秒
function bgm(){audio.play();//播放
}
window.setInterval("bgm()",duration*1000+1000);

JavaScript实现音乐单曲循环相关推荐

【小河今学 | JavaScript + JQuery】音乐播放器4-音量调整、单曲循环、全部循环
08.18今天来完善音乐播放器的音量调整.单曲循环和全部循环功能. 本篇基于上一篇[小河今学 | JavaScript + JQuery]音乐播放器3-歌词轮播和进度条跳转功能实现一.音量调整首先 ...
android音乐播放器单曲循环,[Android] MediaPlayer单曲循环不卡顿
[TOC] 0x00 需求单曲循环播放歌曲,要求过度连贯,听不出来卡顿感觉. 0x01 解决思路 MediaPlayer 对于常见的音乐播放,我们第一时间想到的应该就是它,它有一个方法 MediaP ...
计算机音乐深夜,10首可以在深夜单曲循环的音乐
原标题:10首可以在深夜单曲循环的音乐夜深,总搭配着寂静.孤寂的感觉,望向夜空中的星星点点,会否感觉到一丝的倦意.一丝的忧郁,打开手机单曲循环这某首或忧郁.或放松的音乐? 1.<Forrest ...
计算机音乐深夜,10首最适合深夜单曲循环的音乐
原标题:10首最适合深夜单曲循环的音乐夜深,总搭配着寂静.孤寂的感觉,望向夜空中的星星点点,会否感觉到一丝的倦意.一丝的忧郁,打开手机单曲循环这某首或忧郁.或放松的音乐? 1.<Forres ...
音乐播放器的实现（四）—— 歌曲列表、顺序播放、单曲循环、随机播放、自动下一曲
音乐播放器的实现(四)-- 歌曲列表.顺序播放.单曲循环.随机播放.自动下一曲传送门:(完整工程见第五章篇尾) 音乐播放器的实现(一)-- Audio Listener和Audio Source面板 ...
原生H5+JS+CSS实现音乐播放器（上下一首，随机单曲循环播放，进度条，播放列表）
学了前端小半个月了,今天自己动手写一个音乐播放器实现的功能有播放列表 ,随机单曲循环播放,上下一首,暂停和开始,静音,音量增加减少,进度条(收藏功能暂未实现,为了排版好看添加的,后续补充收藏等功能) ...
单曲循环翻译_有没有那么一首歌是你的单曲循环？
相信每个人的列表都有一首单曲循环可能是歌手的声音打动了你可能是歌词说出了你的心声可能是旋律让你入耳难忘可能是陪伴你走过一段难忘的岁月还有很多很多 .................. 不论是 ...
python爬虫爬取音乐单曲_Python爬取qq音乐的过程实例
一.前言 qq music上的音乐还是不少的,有些时候想要下载好听的音乐,但有每次在网页下载都是烦人的登录什么的.于是,来了个qqmusic的爬虫.至少我觉得for循环爬虫,最核心的应该就是找到待爬元 ...
python单曲循环播放MP3
python单曲循环播放mp3 本文使用pygame播放MP3 1.安装pygame包安装方式请查看https://blog.csdn.net/python_go/article/details/1 ...

JavaScript实现音乐单曲循环

JavaScript实现音乐单曲循环

步骤

完整代码

JavaScript实现音乐单曲循环相关推荐

最新文章

热门文章