1.0.0 • Published 3 years ago
@jswork/next-audio v1.0.0
next-audio
Pure audio api for next.
installation
npm install -S @jswork/next-audiostatus
| code | status | description |
|---|---|---|
| -1 | error | 当在音频/视频加载期间发生错误时 |
| 0 | init | 当音频组件在初始状态 |
| 1 | play | 当音频/视频已开始或不再暂停时 |
| 2 | pause | 当音频/视频已暂停时 |
| 3 | loaded | 当浏览器已加载音频/视频的元数据时 |
| 4 | ended | 当目前的播放列表已结束时 |
| 5 | canplay | 当浏览器可以播放音频/视频时 |
method
| api | member | params | description |
|---|---|---|---|
| play | method | - | Play audio |
| pause | method | - | Pause audio |
| load | method | - | Force load audio |
| stop | method | - | Stop audio |
| seek | method | (num) | Set seek by currentTime |
| move | method | (num) | Set seek percent(0-1) |
| destroy | method | (num) | Destroy from memroy/dom and unload events. |
| prop | method | (name,args) | Set props(loop/volume/rate/current) |
method - prop(name)
| name | description |
|---|---|
| loop | Set/get loop |
| volume | Set/get volume |
| rate | Set/get playback rate |
| current | Set/get play currentTime |
| muted | Set/get muted(mute/unmute) |
| ended | Get if audio is ended |
property
| api | member | params | description |
|---|---|---|---|
| times | property | - | Return rate/current/duration seconds |
| status | property | - | Get current status. |
usage
<audio id="audio" controls src="http://kolber.github.io/audiojs/demos/mp3/juicy.mp3">
NOT SUPPORT
</audio>import NxAudio from '@jswork/next-audio';
// code goes here:
const nxAudio = new NxAudio({ element: document.getElementById('audio') });
nxAudio.play();
nxAudio.prop('loop', true);resources
- https://www.developphp.com/lib/JavaScript/Audio
- http://www.w3school.com.cn/html5/html5_ref_audio_video_dom.asp
- https://www.w3schools.com/tags/ref_av_dom.asp
- https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio
license
Code released under the MIT license.
1.0.0
3 years ago