通过脚本来实现音频的播放

最新推荐文章于 2023-06-14 16:40:33 发布

原创最新推荐文章于 2023-06-14 16:40:33 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

html5 专栏收录该内容

120 篇文章

订阅专栏

本文介绍了一种使用JavaScript脚本实现网页中音频文件播放的方法。通过为每首歌的列表项添加点击事件，当用户点击时，即可播放对应的音频文件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>

<html>

<head>

<title>通过脚本来实现音频的播放</title>

window.addEventListener("load",function(){

//获取所有的li元素

var ele=document.querySelectorAll("li");

//循环迭代，当我们点击歌曲时候进行歌曲的播放

for(var i=0;i<ele.length;i++){

ele[i].addEventListener("click",function(){

//获取我们的歌曲的名字

var audioName=this.firstChild.textContent;

alert(audioName);

(new Audio(audioName).play());

},true);

}

},true);

</script>

</head>

<body>

<h3>通过脚本来实现音频的播放(点击播放歌曲)</h3>

<ul>

<li>audio/nizhan.mp3</li>

<li>audio/diyifuren.mp3</li>

<li>audio/yangcong.mp3</li>

</ul>

</body>

</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

战略观察者

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

通过脚本控制播放音频

12-30

1310

通过脚本控制音频的播放，点击播放，点击另一首只播放另一首，而且遇到不支持的类型，还能够换播放的文件类型 <!DOCTYPE html> <meta charset="utf-8"> 通过我们的脚本来控制音乐的播放 window.addEventListener("load",function(){ var myaudio=ne

shell抓取音频文件

zzyymaggie的专栏

01-23

731

最近听书很感兴趣，但是一个文件一个文件下载总觉得太耗费时间了，于是分了2步，批量下载了听书的文件，并命名成了喜欢的名称。一、抓取下载地址、整理待命名的文件 album.txt dl_URL.txt从长恨歌下载地址和名称合集.zip这里下载二、批量下载文件这里除了批量下载，还想按次序重新命名文件。 1 #!/bin/bash 2 ##将文件名称存入alb

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

语音播放_Qpython3(手机脚本).py

07-27

语音播放_Qpython3(手机脚本).py #复制文本Python语音朗读器【眼睛保护器】.py #运行环境 Android手机 + QPython3 #原创:小心肝 #QQ:93412871 自动分行朗读。。。需要手机已经安装中文语音引擎。。【语言与输入法】里面设置为中文语音。

一个简单的音频播放脚本

u010428568的博客

03-17

3298

window.sounds = new Object(); var sound = new Audio('bo.mp3'); sound.load(); sound.play();//调用播放

CMD命令行高级教程精选合编(转)

binger819623的专栏

03-12

6681

目录第一章批处理基础第一节常用批处理内部命令简介 1、REM 和 :: 2、ECHO 和 @ 3、PAUSE 4、ERRORLEVEL 5、TITLE 6、COLOR 7、mode 配置系统设备 8、GOTO 和 : 9、FIND 10、START

播放失败246106异常代码_听音乐不过瘾？自制一个音乐播放器！| 原力计划

weixin_39845825的博客

10-23

1551

作者 |灰小猿责编 | 夕颜出品 | 优快云博客最近在学习C#的GUI编程时想着自制一个播放器，说干就干。其实C#除了在游戏开发上具有显著优势以外，在winform交互页面设计和web网站开发上也是独树一帜的。那么对于使用C#自己开发一个音乐播放器，首先应该了解的当然就是播放器的基本构成了，毕竟知己知彼方能百战不殆嘛，和我们平常使用的音乐播放器一样。我们制作的播放器当然也应该具有对音...

PYTHON脚本，音频播放，截取，合并软件

04-21

本文将深入探讨一款能够实现音频播放、截取和合并功能的Python脚本软件。首先，音频播放功能是该脚本软件的基础功能之一。通过Python的音频处理库，如`pygame`或者`pydub`，脚本可以轻松加载音频文件并进行播放。...

基于串口屏LUA脚本—循环播放音频功能V1.0

06-13

这些都是实现音频播放功能不可或缺的函数。在工程配置中，开发者需要根据项目需求设置串口屏的参数，并通过编写LUA脚本来调用API函数，以实现音频文件的循环播放。在程序具体解析阶段，开发者需要对LUA脚本进行...

【Shell脚本】音频文件自动清理脚本：配置与实现录音文件定期删除任务

最新发布

05-26

内容概要：本文档提供了一个用于清理过期音频文件的 Bash 脚本。脚本首先定义了日志文件路径、音频文件存储目录以及文件保留天数等配置参数。然后创建或检查日志文件的存在，记录清理操作的开始时间。接着检查指定的...

PYTHON脚本，视频播放，视频剪接，提取视频里的音频

04-21

本文将详细介绍如何利用Python脚本实现视频播放、视频剪接以及从视频中提取音频的功能。首先，要实现视频播放功能，我们可以借助像PyQt5这样的库，它可以提供图形用户界面和视频播放功能，使得Python能够控制视频...

基于串口屏LUA脚本—循环播放音频功能配套工程文件

06-13

在本案例中，我们需要编写一个LUA脚本来处理音频播放的相关操作，如加载音频文件、播放、暂停、停止和循环播放。 2. **串口通信**：LUA脚本需要与串口屏进行通信，发送指令来控制音频播放。这涉及到对UART协议的...

iFIX调度 VBA脚本声音报警

02-21

iFIX调度 VBA脚本发出声音报警，经过现场测试并一直用。我选择的是调度后台运行。

IFIX播放音频文件

08-21

ifix声音文件适合需要上播放音频文件的场所！

基于VBS脚本播放本地txt文件内容的语音播放

08-02

基于VBS脚本播放本地txt文件内容的语音播放，将“playvoice-vbs脚本.zip”解压，左键双击“PlayVoice.vbs”即可。（PlayVoice.vbs和a.txt要放在同一目录下）

15条常用的视频音频编辑脚本命令

weixin_34090643的博客

04-26

474

mencoder -ss 6:06 -endpos 9:25 -oac pcm -ovc copy 1352796759.mp4 -o wineGarden.avi oac：音频 ovc copy 视频不想看mencoder/ffmpeg详细技术手册的，可以把它当快速简易参考看，主要的功能有：视频格式转换音频格式转换切割视频及音频连接两段视频视频音频同步 ...

bat随机打开目录下的一个音乐文件_windows下flink示例程序的执行

weixin_29690065的博客

11-30

292

1.什么是flinkApache Flink® - Stateful Computations over Data Streams2.启动下载地址我下载了1.7.2 版本解压到本地文件目录下进入bin路径D:softwareflink-1.7.2bin打开cmd 运行start-cluster.bat脚本此时显示：D:softwareflink-1.7.2bin>start-cluste...

用bat脚本批处理多个应用或文件

凡尘-追梦者

04-13

2370

对于使用电脑的小伙伴，在开机时是不是要打开很多软件或文件，特别对于上班族来说，什么QQ、微信、浏览器、乱七八糟的文件、工作特定的软件... ...反正我是要打开十多个的。那么，有没有我只要打开一个就能打开其他的很多个呢，今天，就来分享用bat脚本批处理多个应用或文件。第一步：新建文件其实也很简单，首先，在桌面新建一个 txt 记事本，咱们就叫运行打开脚本.txt 吧，双击打开第二步：改编码方式（1）然后点击新建的文本文档，选择文件(F) >>> 另存为(A) （

批处理弹出提示及播放声音

10-21

2757

一、弹出窗口 1、msg命令 msg %username% "Hello！" 2、mshta程序（1）利用vbsript的msgbox函数 mshta vbscript:msgbox("Hello！",64,"窗口 ")(window.close) （2）利用vbscript的popup方法 mshta vbscript:CreateObject("Wscript.Shell").

python脚本的流式语音播放、 javascript流式语音播放

qq_15821487的博客

06-14

2932

客户端接收的是服务端返回的所有音频信息。requests库的stream参数设置为True，这将启用流式请求处理器。因此，服务端发送的音频流被切分为多个chunk，然后通过每个chunk进行分部返回，这使得客户端可以同时处理音频数据并播放音频。在服务端向客户端发送信息时，会根据实际情况发送整个音频流，或将其切分为多个chunk发送。一些常见的情况包括：1、客户端请求发送音频流的URL，服务端会根据请求一次性地发送一整个音频流。

串口屏LUA脚本实现音频循环播放功能

根据提供的文件信息，我们可以推断出该工程文件是关于如何在具备串口通信功能的显示屏（串口屏）上使用LUA脚本实现音频文件循环播放的功能。下面将详细介绍这个工程文件中可能包含的知识点。 1. **串口屏概念及其...