音乐播放器 audio

简介: 音乐播放器 audio

音乐播放器 audio


属性

src 音频的播放地址

controls 播放控件

autoplay 自动播放

loop 循环播放

muted 当设置修改属性后,音频输出被静音

APi

play 播放

pause 暂停

currentTime 设置或返回当前音频的长度

durations 返回音频长度

src 设置返回音频来源

volume 设置或获取音频的音量

muted 是否静音(静音返回true)

networkState 返回音频的当前网络状态

0 = NETWORK_EMPTY - 音频尚未初始化

1 = NETWORK_IDLE - 音频是活动的且已选取资源,但并未使用网络

2 = NETWORK_LOADING - 浏览器正在下载数据

3 = NETWORK_NO_SOURCE - 未找到音频来源


currentSrc 返回当前的URL

ended 返回音视频播放是否结束(结束为true)

loop 设置或获取当前音乐是否重新播放(获取的结果为Boolean)

playbackRate 设置或获取音频的播放速度(0.1~16)

readyState 返回当前就绪状态

0 = HAVE_NOTHING - 没有关于音频是否就绪的信息

1 = HAVE_METADATA - 关于音频就绪的元数据

2 = HAVE_CURRENT_DATA - 关于当前播放位置的数据是可用的,但没有足够的数据来播放下一帧/毫秒

3 = HAVE_FUTURE_DATA - 当前及至少下一帧的数据是可用的

4 = HAVE_ENOUGH_DATA - 可用数据足以开始播放


seeking 事件在用户开始移动/跳跃到新的音频/视频(audio/video)播放位置时触发

seeked 事件在用户已移动/跳跃到音频/视频(audio/video)中的新位置时触发。

olumechange 当音量更改时触发


使用

//这3个需要写函数
  audio.onseeking = function () {
      console.log(123)
    };
  audio.onseeked = function () {
      console.log(123)
    };
  audio.onvolumechange = function () {
    console.log(123)
  };
//除了这两个,其余的不用带括号
audio.play()
audio.pause()
audio.currentTime 
audio.durations 
……
相关文章
|
7月前
|
移动开发 内存技术
H5学习之路之audio音频播放
H5学习之路之audio音频播放
66 0
|
7月前
|
XML Java Android开发
Android Studio App开发中使用录音机、MediaRecorder录制音频和MediaPlayer播放音频讲解及实战(附源码)
Android Studio App开发中使用录音机、MediaRecorder录制音频和MediaPlayer播放音频讲解及实战(附源码)
292 0
|
2月前
|
XML 开发工具 Android开发
FFmpeg开发笔记(五十六)使用Media3的Exoplayer播放网络视频
ExoPlayer最初是为了解决Android早期MediaPlayer控件对网络视频兼容性差的问题而推出的。现在,Android官方已将其升级并纳入Jetpack的Media3库,使其成为音视频操作的统一引擎。新版ExoPlayer支持多种协议,解决了设备和系统碎片化问题,可在整个Android生态中一致运行。通过修改`build.gradle`文件、布局文件及Activity代码,并添加必要的权限,即可集成并使用ExoPlayer进行网络视频播放。具体步骤包括引入依赖库、配置播放界面、编写播放逻辑以及添加互联网访问权限。
185 1
FFmpeg开发笔记(五十六)使用Media3的Exoplayer播放网络视频
|
3月前
|
Python
音乐播放 pygame mp3play 和获取音乐信息的 库from mutagen.mp3 import MP3
音乐播放 pygame mp3play 和获取音乐信息的 库from mutagen.mp3 import MP3
|
7月前
|
XML 编解码 算法
Android开发音效中录制WAV音频和录制MP3音频的讲解及实战(超详细 附源码)
Android开发音效中录制WAV音频和录制MP3音频的讲解及实战(超详细 附源码)
297 0
|
7月前
|
JavaScript
video-08-videojs黑屏问题(详解总结)
video-08-videojs黑屏问题(详解总结)
362 1
|
7月前
|
XML 存储 Java
Android 开发音频录播中媒体录制器MediaRecorder和媒体播放器MediaPlayer的讲解及实战(超详细 附源码)
Android 开发音频录播中媒体录制器MediaRecorder和媒体播放器MediaPlayer的讲解及实战(超详细 附源码)
133 0
|
Android开发
midi音乐解析与播放
牙叔教程 简单易懂
204 0
|
缓存 iOS开发
iOS Audio(音频)
1. 播放音效 #pragma mark 基本使用 - (void)baseUse { //1. 创建URL地址 NSURL *url = [[NSBundle mainBundle] URLForResource:@"buyao.
964 0

热门文章

最新文章