Skip to content
Audio polyfill for desktop and native.
Java Objective-C JavaScript Python Ruby
Branch: master
Clone or download

Latest commit

Fetching latest commit…
Cannot retrieve the latest commit at this time.

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
RNAudio.xcodeproj
RNAudio
android
lib
src
test
.babelrc
.editorconfig
.eslintrc
.gitignore
.npmignore
README.md
RNAudio.podspec
index.js
package.json
yarn.lock

README.md

react-native-audio-polyfill

html Audio class polyfill for react-native. You can use Audio for android,ios without modification to browser code.

Usage

import Audio from 'react-native-audio-polyfill'

const audio1 = new Audio()

audio1.onload = () => {
  console.log('audio loaded')
  audio1.play()
}

Play local files

audio1.addEventListener('loadeddata', () => audio1.play())
audio1.addEventListener('error', err => console.log('audio error:', err)
audio1.src = './test.mp3'
audio1.load()

Play remote files

audio1.addEventListener('loadeddata', () => audio1.play())
audio1.addEventListener('error', err => console.log('audio error:', err)
audio1.src = 'http://www.music.helsinki.fi/tmt/opetus/uusmedia/esim/a2002011001-e02-128k.mp3'
audio1.load()

Play assets in native

import asset1 from './test.mp3'

audio1.addEventListener('loadeddata', () => audio1.play())
audio1.addEventListener('error', err => console.log('audio error:', err)
audio1.src = asset1
audio1.load()

Install

npm install react-native-audio-polyfill

Add it to your project

react-native link

Coverage

functions

  • addTextTrack()
  • canPlayType()
  • load()
  • play()
  • pause()

properties

  • audioTracks
  • autoplay
  • buffered // only android
  • controller
  • controls
  • crossOrigin
  • currentSrc
  • currentTime
  • defaultMuted
  • defaultPlaybackRate
  • duration
  • ended
  • error
  • loop
  • mediaGroup
  • muted
  • networkState
  • paused
  • playbackRate
  • played
  • preload
  • readyState
  • seekable
  • seeking
  • src
  • startDate
  • textTracks
  • videoTracks
  • volume

event

  • abort
  • canplay
  • canplaythrough
  • durationchange
  • emptied
  • ended
  • error
  • loadeddata
  • loadedmetadata
  • loadstart
  • pause
  • play
  • playing
  • progress // only android
  • ratechange
  • seeked
  • seeking
  • stalled
  • suspend
  • timeupdate
  • volumechange
  • waiting

TODO

  • canPlayType support.
  • Create audio component with controls=true.
  • Buffering progress for ios.

License

MIT

You can’t perform that action at this time.