Ich möchte einen Audio-Player erstellen, der sich für immer wiederholt, ohne HTML zu verwenden. Wie kann ich das in ECMAScript-6 tun?ECMAScript-6 Audio Repeat Forever
-2
A
Antwort
1
Ich verstehe wirklich nicht, was ist die Frage, aber ich fand es eine Art Spaß, also hier ist eine Lösung, ein Audio für immer zu loopen, ohne HTML überhaupt zu verwenden, und in einem Browser:
Dies nutzt die Fähigkeit von Browser Javascript innerhalb SVG-Dokumente zu laufen, und die WebAudioAPI zu Ton aus dem DOM zu spielen:
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
<script>
const aCtx = new AudioContext();
fetch('https://dl.dropboxusercontent.com/s/agepbh2agnduknz/camera.mp3')
.then(r=>r.arrayBuffer())
.then(b=>aCtx.decodeAudioData(b))
.then(data=>{
const audio_buf = aCtx.createBufferSource();
audio_buf.buffer = data;
audio_buf.loop = true;
audio_buf.connect(aCtx.destination);
audio_buf.start(0);
});
</script>
</svg>
Da Stack-Schnipsel wird alles innerhalb einer HTML-wickeln Dokument, hier ist ein live plunker.
Verwandte Themen
- 1. p5.js && ecmascript6 Notation
- 2. ECMAScript6 AngularJS Filter
- 3. Ecmascript6 mit browserify
- 4. nodejs: forever antwortet nicht
- 5. Forever will nicht starten
- 6. Haskell `forever` Art Signatur
- 7. NodeJS/Forever archiviert Protokolle
- 8. Netzwerkaktivität Spinner Spins Forever
- 9. Kollisionsfunktion innerhalb einer Klasse in ECMAScript6
- 10. Kill forever-Monitor Hintergrund Prozess
- 11. Bereitstellen von Meteor mit Forever
- 12. Forever laufenden Prozesse auf dem Server
- 13. Laravel 5.2 run Befehl als Daemon/forever
- 14. Notwendigkeit, eine Grunt Watch Forever durchzuführen
- 15. heiß Grunzen dienen mit laufen Grunzen-forever
- 16. "Delete Build in Jenkins nach Keep Forever"
- 17. Forever "npm start" auf dem Server
- 18. Python asyncio run forever und Interprozess-Kommunikation
- 19. Warum bevorzugt SIgnalR Forever Frames über Abfrage?
- 20. Reagieren Sie mit Ecmascript6-Klassen Probleme mit Chrome
- 21. NG-REPEAT Audioquelle Auswahl nach Klassenname
- 22. iPhone Audio Buffer - Core Audio
- 23. Android: Audio-Anpassung (Audio Fingerprinting)
- 24. NG-Repeat Ausdruck außerhalb des NG-Repeat
- 25. ng-repeat innerhalb ng-repeat in eckig
- 26. Google Chrome, Audio, setTimeout, ersetzen Audio src, startet Mid-Audio
- 27. Repeat AsyncTask
- 28. Repeat AnimatorSet
- 29. Haskell io-Streams und `forever` erzeugt keine Ausgabe
- 30. iTunes Connect Test Flug External Beta Laden Forever
Der gleiche Weg wie mit ES5. – estus
Das hat nichts mit ES6 zu tun, das keine Audiofähigkeiten definiert. Suchen Sie nach der [Web Audio API] (https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API)? – Bergi