html调用js自动播放音乐,使用html js实现点击文本和播放音乐的功能

news/2024/11/23 4:14:55/

f86855c85f632dbcfcdfed0db632a141.png

音频标记在HTML5中使用. 2113DOM中的文本如下. 文本是“播放”. 当单击5261时js实现网页音乐播放器,播放音乐广播4102js实现网页音乐播放器,并且文本将变为“暂停”. 根据是否在1653年播放音乐,这两个文本将切换. 这里要注意的一件事是音频兼容性问题. 如果考虑到它的兼容性,您可以看一下这种体验: HTML5音频如何与各种浏览器兼容以实现自动播放

ab6d7d5ff2f5ba48344900c5bf99287e.png

播放

20170311145809_956.png

JS部分:

96daf8701942cc5ca67438ab2c823f9e.png

$(document).ready(function() {

var voice = document.getElementById(voice); //获取到audio元素

$(.but).click(function() { //点击文字事件

if (voice.paused) { //判断音乐是否在播放中,暂停状态

voice.play(); //音乐播放

$(.but).text(暂停); //切换文字

} else { //播放状态

voice.pause(); //音乐停止

$(.but).text(播放); //切换文字

}

});

});

fbc60f533cfd652b82898220044e8ae8.png

resize,m_lfit,w_600,h_800,limit_1

本文来自电脑杂谈,转载请注明本文网址:

http://www.pc-fly.com/a/bofangqi/article-269850-1.html


http://www.ppmy.cn/news/553913.html

相关文章

计算机无法播放,如果无法播放计算机mp4文件怎么办?

FireStar365 接受 1. 下载并安装最新版本的视频播放器(例如: Storm Video). 2. 在硬盘中找到MP4视频文件. 3. 右键单击该文件,然后选择打开方法“ Storm Video”. 4. 可以双击打开页面. zxc942128835 将mp4链接到计算机,打开磁盘,单击菜单栏上…

速记计算机键盘,键盘字母排列的速记公式

一开始,键盘设计者担心打字员的打字速度太快,这很容易损坏键盘,故意破坏字母的排列,减慢打字速度,并减少键被卡住的机会。 。由于字母在计算机键盘上的凌乱排列,显然很难通过死记硬背来记住26个无序字母的顺…

计算机音乐播放器功能,一个超级漂亮的音乐播放器!尤其是音频可视化功能

用于Android的音乐播放器,它使用Visualzer Class呈现当前正在播放的音乐的精美DNA(可视化). 超级漂亮的音乐播放器!尤其是音频可视化功能 用于Android的音乐播放器,它使用Visualzer Class呈现当前正在播放的音乐的精美DNA(可视化). 超级漂亮的…

方波移相器

实现1khz占空比为50%方波的按键可调移相。(和普遍意义上的移相器差很多)。 思路:采用定时器捕获模式,采集到上升沿或下降沿后延时,用DAC输出正或零电压。 在做的过程中,程序编译没问题,但仿真…

HTB-Sandworm

HTB-Sandworm 立足altas -> silentobserversilentobserver -> 完整的atalsatlas -> rootexploit 扫描最常用的1000个端口。 80会重定向到443。 去看看443有什么吧。 目录扫描可能不会起作用。在concat上面找到了一个有趣的东西。 “如果不知道怎么PGP&#xff1…

方波的傅里叶变换

Et1*(t>0.1&t<0.5)表示方波&#xff0c;然后用fft() fftshift()函数画出傅里叶变换后的频域振幅 clc; clear; %时域光谱 delta500; t 0:1/delta:1; f020; Et1*(t>0.1&t<0.5); figure(1); plot(t,Et); %频域光谱 Ewfft(Et); Ewfftshift(Ew);%若需要作ff…

B站在计算机内部,如何在Bilibili中弹幕式播放本地视频?

指南: 也许您对Bilibili有所了解&#xff0c;但是您知道如何在Bilibili播放带有弹幕的本地视频吗&#xff1f;今天&#xff0c;我将分享弹幕播放本地视频的方法. 你可以看看. 也许每个人都对Bilibili有所了解&#xff0c;但是您知道如何在Bilibili中弹幕弹射本地视频吗&#xf…

ffplay播放器

1 ffplay.c的意义 ffplay.c是FFmpeg源码⾃带的播放器&#xff0c;调⽤FFmpeg和SDL API实现⼀个⾮常有⽤的播放器。 例如哔哩哔哩著名开源项⽬ijkplayer也是基于ffplay.c进⾏⼆次开发。 ffplay实现了播放器的主体功能&#xff0c;掌握其原理对于我们独⽴开发播放器⾮常有帮助。…