Wie kann die Ladegeschwindigkeit von Audio mit JavaScript erhöht werden?

Question

Ich habe Code zum Abspielen einer .mp3 Datei mit JavaScript erstellt. Aber die Datei braucht viel Zeit, um auf Android zu spielen. Ich möchte den Ton schnell wiedergeben, nachdem ich auf ein Textbild geklickt habe. Wie kann ich die Ladegeschwindigkeit von Android erhöhen?

Mein JavaScript-Code:

if(window.audio) 
{ 
    audio.pause(); 
} 
window.audio = new Audio (audio_path); 
window.audio.play(); 

prüfen Demo hier - http://97.74.195.122/gizmo-demo/canvasslidertwo.php

In den obigen Link, auf dem japanischen Wort klicken Ton für die Wiedergabe.

Answer 1

Sie sind tatsächlich konfrontiert mit dem Bug dargestellt in this question. Dadurch werden die Browser jedes Mal, wenn Sie ihre src-Eigenschaft ändern (kein Zwischenspeichern), die Dateien aus einem Audioelement erneut herunterladen. Eine Lösung wäre, die WebAudioAPI zu verwenden und Ihre Audiodateien im Puffer zu speichern. Auf diese Weise sollten Sie in der Lage sein, sie ohne Latenz aufzurufen. Sie können überprüfen, the accepted answer für ein Beispiel, wie Sie damit umgehen.

Oder Sie könnten auch versuchen, kein neues Audio() bei jedem Klick aufzurufen, und laden Sie stattdessen jedes Audios von Ihrer Seite und rufen Sie nur ihre play() Methode auf klicken. Aber ich bin mir nicht sicher, dass es dein Problem beheben würde.