https://github.com/zlatnaspirala/audio-commander
For creating html5 audios from code fix system for using `audio.play()` from code. This is also npm package.
https://github.com/zlatnaspirala/audio-commander
Last synced: about 1 month ago
JSON representation
For creating html5 audios from code fix system for using `audio.play()` from code. This is also npm package.
- Host: GitHub
- URL: https://github.com/zlatnaspirala/audio-commander
- Owner: zlatnaspirala
- License: mit
- Created: 2021-08-19T18:34:17.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2021-08-19T19:59:31.000Z (over 3 years ago)
- Last Synced: 2025-01-27T16:47:44.243Z (3 months ago)
- Language: JavaScript
- Size: 27.3 KB
- Stars: 1
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# audio-commander
For creating html5 audios from code fix system for using `audio.play()` from code. This is also npm package.
## Demo1 - Create single Audio element
```js
import { AudioMatrix } from "../src/audioResource";
var myAudioResources = new AudioMatrix();
const options = {
id: "shootSpin",
srcPath: "audios/spinShoot.mp3",
controls: true
}
var testMyAudio = myAudioResources.createAudioResource(options);
window.testMyAudio = testMyAudio;
var myPromiseCheck = testMyAudio.play();
myPromiseCheck.then( () => {
alert('You are using auto play allowed browser version or you are lucky.')
})
myPromiseCheck.catch((e) => {
console.info("Auto play is disabled by browser.");
})
testMyAudio.onended = function() {
console.warn("The audio has ended");
};
setTimeout(() => {
var myPromiseCheck = testMyAudio.play();
}, 5000);
```
## Demo2 - Create multi Audio elements also use options like Array
Play every 5 seconds:
```js
import { AudioMatrix } from "../src/audioResource";
var myAudioResources = new AudioMatrix();
const audioOption1 = {
id: "shootSpin",
srcPath: "audios/spinShoot.mp3",
controls: true
}
const audioOption2 = {
id: "shootSpin2",
srcPath: "audios/spinShoot.mp3",
controls: true
}
let options = [
audioOption1,
audioOption2
]
var testMyAudio = myAudioResources.createAudioResource(options);
window.testMyAudio = testMyAudio;
var myPromiseCheck = testMyAudio[0].play();
myPromiseCheck.then( () => {
alert('You are using auto play allowed browser version or you are lucky.')
})
myPromiseCheck.catch((e) => {
console.info("Auto play is disabled by browser.");
})
// testMyAudio[0].onerror = function() { console.error("error audio")}
testMyAudio[0].onended = function() {
console.warn("The audio has ended");
};
setInterval (()=> {
if (testMyAudio[0].paused == false) return;
var test1 = testMyAudio[0].play();
test1.then(()=> {
console.warn("played")
})
test1.catch(()=>{
console.warn("Something wrong.")
})
}, 100)
```