Categories

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

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

Daniel Morales Декабрь 2, 2015
Rating: 5.0. From 2 votes.
Please wait...

Из этого туториала вы узнаете, как заменить существующие и добавить новые треки 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)
Эта запись была размещена в JS Animated туториалы и помечена как add, HTML, mp3, track. Добавьте в закладки постоянную ссылку.

Submit a ticket

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