Если данный туториал не то, что Вы искали, у Вас все еще остались вопросы или предложения - дайте нам знать. Пожалуйста, помогите нам обслуживать Вас лучше!

Ваше имя

Ваш e-mail

Ваше сообщение (обязательно)

captcha

Новые шаблоны

JS Animated. Как заменить существующие и добавить новые mp3 треки (на примере шаблона #58018)

Из этого туториала вы узнаете, как заменить существующие и добавить новые треки mp3 в HTML шаблонах.

JS Animated. Как заменить существующие и добавить новые mp3 треки (на примере шаблона #58018)

Некоторые шаблоны на основе HTML включают аудио-плеер. Проверьте, есть ли в вашем шаблоне папка /js/audiojs/. Если она существует, то в ваш шаблон по умолчанию включено полноценный аудио-плеер:

JS_Animated_How_to_change_existing_and_add_new_mp3 _tracks_6

Замена существующих .mp3 треков

  1. Откройте .html файл страницы, которая содержит .mp3 треки с помощью любого php/текстового редактора. Например: index-3.html;

  2. Прокрутите вниз к разделу «Саундтреки» (‘Sound Tracks’). Вы можете использовать инструмент поиска (Ctrl + F), чтобы найти нужный раздел;

  3. Найдите атрибут ‘data-src=’. Здесь указан исходный .mp3 трек;

  4. Измените путь к существующему .mp3 треку. Вы должны определить путь к вашему треку вместо уже существующего. Например:

    data-src="audio/sample_audio.mp3"
    JS_Animated_How_to_change_existing_and_add_new_mp3 _tracks_1
  5. Измените название .mp3 трека в тегах <li> </li>. Например:

    <li data-src="audio/sound_1.mp3">Название аудио файла</li>
    JS_Animated_How_to_change_existing_and_add_new_mp3 _tracks_3

Добавление новых .mp3 треков

  1. Откройте .html страницу, что содержит .mp3 треки с помощью любого php/текстового редактора. Например: index-3.html;

  2. Прокрутите вниз к разделу «Саундтреки» (‘Sound Tracks’). Вы можете использовать инструмент поиска (Ctrl + F), чтобы найти нужный раздел:

    JS_Animated_How_to_change_existing_and_add_new_mp3 _tracks_1
  3. Найдите блок списка музыки. Найдите строку, в которой указан путь и название аудио файла. Она будет выглядеть следующим образом:

    <li data-src="audio/sound_1.mp3">Имя 505</li>
  4. Скопируйте всю строку:

    JS_Animated_How_to_change_existing_and_add_new_mp3 _tracks_4
  5. Измените путь и название файла аудио в продублированной строке:

    JS_Animated_How_to_change_existing_and_add_new_mp3 _tracks_5

На этом туториал заканчивается. Мы успешно добавили новый аудио файл:

JS_Animated_How_to_change_existing_and_add_new_mp3 _tracks_6

Вы также можете воспользоваться детальным видео-туториалом:

JS Animated. Как заменить существующие и добавить новые mp3 треки (на примере шаблона #58018)
 
Чат
We help you to choose the right product.
Начать чат