next-audio

Pure audio api for next.

installation

npm install -S @feizheng/next-audio

status

| code | status | description | | ---- | ------- | --------------------------------- | | -1 | error | 当在音频/视频加载期间发生错误时 | | 0 | init | 当音频组件在初始状态 | | 1 | play | 当音频/视频已开始或不再暂停时 | | 2 | pause | 当音频/视频已暂停时 | | 3 | loaded | 当浏览器已加载音频/视频的元数据时 | | 4 | ended | 当目前的播放列表已结束时 | | 5 | canplay | 当浏览器可以播放音频/视频时 |

apis

| 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) | | times | property | - | Return rate/current/total seconds |

props

| 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 |

usage

<audio id="audio" controls src="http://kolber.github.io/audiojs/demos/mp3/juicy.mp3">
  NOT SUPPORT
</audio>

import NxAudio from '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.