简介audio

最新推荐文章于 2022-05-23 20:34:24 发布
最新推荐文章于 2022-05-23 20:34:24 发布
阅读量125 收藏
点赞数
分类专栏： js 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46061526/article/details/105600243
版权 
<!doctype html>
<html>
	<head>
		<meta charset='utf-8'>
		<title>audio</title>
		<script src="https://cdn.staticfile.org/jquery/1.8.3/jquery.min.js"></script>
	</head>
	<body>
		<div>
			<audio id='music'></audio>
			<button type='button' onclick='previous()'></button>
			<button type='button' onclick='playbtn()'></button>
			<button type='button' onclick='next()'></button>
		</div>
	</body>
</html>

window.onload=function()
{
	var music = document.getElementById('music');
	var musics = null;
	var musicIndex = null;
	this.getMusic();
	this.musicTxt();
}
function musicTxt()
{
	$('button:nth-child(1)').html('上一首')；
	$('button:nth-child(2)').html('暂停');
	$('button:last-child').html('下一首');
}
function getMusic()
{
	musics = ['music/1.mp3','music/2.mp3','music/3.mp3'];
	musicIndex = 0;
	music.src = musics[musicIndex];
}	
function playBtn()
{
	if(music.pauesd)
	{
		music.play();
		$('button:nth-child(2)').html('播放');
	}
	else{
		music.pause();
	}
}
function previous()
{
	musicIndex--;
	if(musicIndex < 0)
	{
		musicIndex = musics.length-1;
	}
	music.src = musics[musicIndex];
	$('button:nth-child(2)').html('暂停');
	music.play()
}
function next()
{
	musicIndex++;
	if(musicIndex >= musics.length-1)
	{
		musicIndex = 0;
	}
	music.src=musics[musicIndex];
	$('button:nth-child(2)').html('暂停');
	music.play();
}

同是音乐播放器。

无用的忙碌
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
core audio 音频捕获
11-28
一、Core Audio框架简介 Core Audio是苹果操作系统（包括macOS和iOS）的核心部分，它提供了丰富的API接口，用于处理各种音频任务。该框架包含了多个子模块，如Audio Unit、Audio Session、Audio Queue Service等，...
Audio Serial Interface Configurations for Audio Codecs.pdf
08-11
An audio serial interface (ASI) provides a means to transfer non-buffered audio data between processors and/or audio converters. These data are typically encoded in PCM twos complement format, ...
audio标签的使用方式
Lei2021_type的博客
04-13 1万+
audio标签的所有常见属性 ​ <audio>可以在标签内部添加文字 从而达到当一些浏览器不支持时,直接展示文字​</audion> 常用的标签属性: autoplay:自动播放 Controls:这个属性展示播放条 loop:标签会自动循环播放 Preload:音屏在加载时,就进行加载 准备开始自动播放了 ...
html5 audio音频播放全解析
weixin_33830216的博客
12-22 2208
html5开启了一个新时代，因为它让浏览器本身变得不那么被动，audio api就是一个典型的列子，在html5还没确定之前，如果想要在网页上听音乐看视频唯一的办法就是用flash意思是当你没有给浏览器装载Flash插件的话 那么音乐视频即是空谈，html5 audio的出现改变了这一格局，因为你可以不用Flash插件就可以听音乐看视频，当然这些能否实现还跟你用的浏览器有关。     1.h...
【入门Audio音频】必了解：Audio音频格式介绍
qq_40670457的博客
05-26 7048
1、MP3格式MP3的全称是Moving Picture Experts Group Audio Layer III。简单的说，MP3就是一种音频压缩技术，由于这种压缩方式的全称叫MPEG Audio Layer3，所以人们把它简称为MP3。MP3是利用 MPEG Audio Layer 3 的技术，将音乐以1:10 甚至 1:12 的压缩率，压缩成容量较小的file，换句话说，能够在音质丢失很小...
audio 的各种方法
weixin_43894763的博客
08-09 2741
<div class="box"> <button>play</button> <button>pause</button> <button>stop</button> <button>快进</button> <button>音量</button> <button>时间&
bonsai软件使用经验（1）
GG的博客
06-17 2796
因为工作问题需要使用bonsai软件，找了很多资料没有找到介绍关于bonsai软件使用中文教程，因此从今天开始开始慢慢更新关于bonsai软件的使用方法，并且写上自己的心得理解。 bonsai软件下载 这个是bonsai的主页：https://bonsai-rx.org/(点击Link链接就可以跳转到)link. 打开可以看到下载安装的主页，直接下载直接安装就好了. bonsai界面 安装后我们可以看到这个是bonsai软件的工作界面 界面主要有以下3个部分组成： Toolbox Workflow P
Android利用AudioRecord类实现音频录制程序
08-27
一、AudioRecord类简介 AudioRecord类是Android中用于音频录制的类，它提供了三种不同的read方法来完成录制工作，每种方法都有其实用的场合。AudioRecord类需要传入五个参数：AudioSource、SampleRateInHz、...
audio_alsa
06-21
一、ALSA简介 ALSA是Linux内核的一部分，由Tomas Dige和Jaromir Ruda在1998年创建。它的主要目标是为Linux提供一个稳定的、功能丰富的音频框架，以便于开发者进行声音驱动程序的编写和应用程序的开发。ALSA提供了...
103206-Audio音频调试指导手册V1.0
最新发布
06-19
这是紫光展锐音频调试文档
audio各种参数定义
Android系统攻城狮
02-24 3551
1.system/media/audio/include/system/audio.h #ifndef ANDROID_AUDIO_CORE_H #define ANDROID_AUDIO_CORE_H #include <stdbool.h> #include <stdint.h> #include <stdio.h> #include <sys/cdefs.h> #include <sys/types.h> #include <c
html5中audio的详细使用
热门推荐
一灯笔记
03-23 6万+
html5的audio功能上已经非常强大，回放，跳转，缓冲等以前只能用flash才能实现的功能，html5的audio都能轻松搞定 最近的一个项目使用到了这个功能，把我使用的情况写下来，供大家参考 audio 相关的 api 备用（当浏览器不支持audio时显示的内容） 控制函数功能说明 load()   加载音频、视频软件，通常不必调用，除非是动态生成的元素，用
AVAudioSession音频会话(类别选择/音频输出切换)
DCSnail-蜗牛
10-25 9337
AVAudioSession音频会话介绍和使用, 音频会话类型和模式的选择, 音频会话路由的选择, 扬声器,听筒,耳机等切换。
一、Audio-音频简介
一只青木呀
05-23 4044
一、音频简介 音频是我们最常用到的功能，音频也是 linux 和安卓的重点应用场合。 处理器要想“听到”外界的声音必须要把外界的声音转化为自己能够理解的“语言”，处理 器能理解的就是 0 和 1，也就是二进制数据。所以我们需要先把外界的声音转换为处理器能理 解的 0 和 1，在信号处理领域，外界的声音是模拟信号，处理器能理解的是数字信号，因此这 里就涉及到一个模拟信号转换为数字信号的过程，而完成这个功能的就是 ADC 芯片。 同理，如果处理器要向外界传达自己的“心声”，也就是放音，那么就涉及到将处理器能理
简单说概念
空空空
07-23 1177
音频编解码器codec 负责处理音频信息，包括 ADC ，DAC，mixer,DSP输入输出，以及音量控制等所有与音频相关的功能； codec与处理器之间通过I2C总线和数字音频接口DAI进行通信（digtal audio interface 包括I2S ,PCM, AC97） adcb :Audio Calibration Database 音频校准数据库，就是DSP的参数配置文件 adm ...
Android系统Audio框架介绍
深入剖析Android系统
09-24 4万+
音频基础知识 声音有哪些重要属性呢？ 响度(Loudness) 响度就是人类可以感知到的各种声音的大小，也就是音量。响度与声波的振幅有直接关系。 音调(Pitch) 音调与声音的频率有关系，当声音的频率越大时，人耳所感知到的音调就越高，否则就越低。 音色(Quality) 同一种乐器，使用不同的材质来制作，所表现出来的音色效果是不一样的，这是由物体本身的结构特性所决定的。
audio与video
weixin_44540374的博客
01-19 1255
开发工具与关键技术： DW、前端 作者：梁锦豪 撰写时间：2019/1/16 可以在页面中插入音乐的标签audio 可以在页面中插入视频的标签video: 这俩个标签都有着一些相同的属性，如：loop无限单循环； Autoplay 在页面加载完之后播放； Controls 控制器 ...
多媒体_详解（audio/video）
Elementsboy的博客
06-07 561
多媒体(audio) audio 该标签往页面插入音频标签 语法: <audio src="song.mp3" controls loop autoplay>浏览器不支持audio标签</audio> 浏览器对音频的兼容性 大约有80%的浏览器支持HTML5的audio标签，但是并没有一种统一的音频格式。从支持的格式来看，要让所有的浏览器可以播放audio元素上的音频，最佳的方式是提供MP3和Ogg两种格式 兼容代码如下： <!--拥有两份源文件的音频播放器--&g
HTML5 Audio(音频)
冷月醉雪的博客
05-07 369
&lt;!DOCTYPE HTML&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;title&gt;自选教程(如约智惠.com)&lt;/title&gt; &lt;/head&gt; &lt;body &gt; &lt;audio contr
HTML5新特性解析：video、audio与canvas
"HTML5新特性简介" HTML5是Web开发领域的重要里程碑，它在HTML4的基础上引入了一系列创新，旨在提升网页的交互性、可访问性和用户体验。HTML5的出现标志着网页开发技术的一个新时代，其新特性主要包括新的内容元素...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值