Categories

Ausgewählte Vorlagen

JS Animated. Wie man bestehende MP3 Tracks ersetzt und neue (basierend auf der Vorlage #58018) hinzufügt

Daniel Morales Dezember 2, 2015
Rating: 5.0. From 2 votes.
Please wait...

Von diesem Tutorial erfahren Sie, wie man bestehende MP3 Tracks ersetzt und neue in HTML Vorlagen hinzufügt.

JS Animated. Wie man bestehende MP3 Tracks ersetzt und neue (basierend auf der Vorlage #58018) hinzufügt

Einige basierende auf HTML Vorlagen enthalten einen Audio-Player. Überprüfen Sie, ob es in Ihrer Vorlage den Ordner /js/audiojs/ gibt. Wenn Sie ihn gefunden haben, bedeutet das, dass Ihre Vorlage einen Audio-Player standardmäßig enthält:

JS_Animated_How_to_change_existing_and_add_new_mp3 _tracks_6

Ersetzen von den bestehenden .mp3 Tracks

  1. Öffnen Sie .html Datei der Seite, die .mp3 Tracks enthält, mit Hilfe von einem php/Texteditor. Zum Beispiel: index-3.html;

  2. Scrollen Sie nach unten zum Bereich “Sound Tracks” (‘Sound Tracks’). Sie können das Suchwerkzeug (Ctrl + F), um einen notwendigen Bereich zu finden;

  3. Finden Sie das Attribut ‘data-src=’. Hier wurde grundlegendes .mp3 Track festgelegt;

  4. Ersetzen Sie den Pfad zum bestehenden .mp3 Track. Sie sollen den Pfad zu Ihrem Track anstatt des bestehenden definieren. Zum Beispiel:

    data-src="audio/sample_audio.mp3"
    JS_Animated_How_to_change_existing_and_add_new_mp3 _tracks_1
  5. Ändern Sie den Namen des .mp3 Tracks in Tags <li> </li>. Zum Beispiel:

    <li data-src="audio/sound_1.mp3">Name der Audio-Datei</li>
    JS_Animated_How_to_change_existing_and_add_new_mp3 _tracks_3

Hinzufügen von neuen .mp3 Tracks

  1. Öffnen Sie .html Seite, die .mp3 Tracks enthält, mit Hilfe von einem PHP/Texteditor. Zum Beispiel: index-3.html;

  2. Scrollen Sie nach unten zum Bereich “Sound Tracks” (‘Sound Tracks’). Sie können das Suchwerkzeug (Ctrl + F) nutzen, um den notwendigen Bereich zu finden:

    JS_Animated_How_to_change_existing_and_add_new_mp3 _tracks_1
  3. Finden Sie den Block der Musik-Liste. Finden Sie die Zeile, in der der Prad und Name der Audio-Datei festgelegt wurden. Sie sieht wie folgt aus:

    <li data-src="audio/sound_1.mp3">Name 505</li>
  4. Kopieren Sie die ganze Zeile:

    JS_Animated_How_to_change_existing_and_add_new_mp3 _tracks_4
  5. Ändern Sie den Pfad und Namen der Audio-Datei in duplizierter Zeile:

    JS_Animated_How_to_change_existing_and_add_new_mp3 _tracks_5

Dieses Tutorial ist jetzt zu Ende. Wir haben erfolgreich eine neue Audio-Datei hinzugefügt:

JS_Animated_How_to_change_existing_and_add_new_mp3 _tracks_6

Sie können auch das ausfuhrliche Video-Tutorial nutzen:

JS Animated. Wie man bestehende MP3 Tracks ersetzt und neue (basierend auf der Vorlage #58018) hinzufügt
Dieser Eintrag wurde um JS Animated Tutorials geschrieben und add, HTML, mp3, track markiert. Bookmarken Sie den permalink.

Submit a ticket

Sollte Ihre Frage durch die Tutorials nicht ausreichend beantwortet worden sein, benutzen Sie bitte den folgenden Link, um sich an unser Beratungsteam (Support) zu wenden. Wir bieten Ihnen unsere Hilfe und Unterstutzung an. 24 Stunden am Tag, 7 Tage die Woche!
Ticket Einrichten