«

»

Как собрать аудио плеер или видео плеер?

Как собрать аудио плеер или видео плеер?

Аудио плеер в музыкальной открытке это одна из основных частей открытки. И собрать аудио плеер нужно правильно. Как это сделать мы сегодня научимся. Заходим на свой блог через файловый менеджер или через FTP клиент и создаем папочку. Как это сделать я вам рассказывала в предыдущем уроке.

Задаем название папочки маленькими английскими буквами vecher и в нее собираем весь материал для открытки и в нее загружаем музыкальный файл.

Перед тем как загружать музыкальный файл в папочку на хостинг, нужно его переименовать по той причине что музыкальные файлы имеют очень длинное название.

Пишем например 1 и указываем расширение MP3. Закачиваем в папочку и берем путь прописанный при загрузке.

Он выглядит вот так http://домен/имя папки/1.mp3

Собрать аудио плеер можно на сайте http://flv-mp3.com/ru/mp3/ Заходим на сайт выбираем собрать аудио плеер и в первое окошко нужно вставить скопированный в мышку путь музыкального файла. Спускаемся вниз и выбираем размер музыкального плеера я вам рекомендую 270*40. Активируем кнопочку авто запуск и выбираем цвет плеера в тон нашей открытки. Настраиваем звук % звука не должен превышать 50%. Чтобы ваша открытка не вызвала раздражения. Нажимаем на кнопочку собрать и получить html код. Зазвучит музыка значит все в порядке и путь прописан правильно.

Копируем код горячими клавишами Ctrl + A или мышкой. Заходим в наш проект
и вставляем наш код куда нужно поставить плеер. Аудио плеер обычно вставляетcя после хэдера. Сохраняем и идем на блог смотреть что у нас получилось.

А теперь смотрите короткое видео

Таким же способом можно сформировать видео плеер.

Заходим на сайт по сбору  http://flv-mp3.com/ru/mp3/

Но для начала нужно закачать видео на свой блог или сайт получить ссылку и вставить в окно

Ссылка должна выглядеть следующим образом http://домен/имя папки/1.mp4

Настроить видео плеер размер рекомендую 600*525 или 700*525 Выбираем цвет фона, рамку, выставляем громкость 40-50 не больше, можно поставить авто запуск. Формируем код копируем его Ctrl + A или мышкой и вставляем в нашу открытку. Сохраняем и идем на блог смотреть что у на получилось.

Вот на этом все. Успехов Вам и процветания Вашему бизнесу. Удачи в творчестве и до новых встреч!

С уважением,

P.S. Если Вам эта страничка будет полезна, я буду искренне рада. Поделитесь информацией со своими друзьями в социальных сетях.

 

4 комментария

Перейти полю для комментария

  1. Евгения Локтионова

    Татьяна, я просто восхищаюсь твоим профессионализмом и мастерством.
    Столько полезного и интересного узнаешь из твоих постов.
    Так и сейчас, ты с такой легкостью и в доступной форме объяснила как создать видео плеер, что хоть сейчас садись и создавай.

    1. Татьяна Елгина

      Спасибо, Евгения!Мне приятно что мой пост оказался понятным и полезным. Рада делиться своими знаниями, С уважением!

  2. Валентина Лагуткина

    Татьяна, приятно заходить на твой блог. Столько полезной информации.
    Не все всегда можно удержать в голове, а твой блог хорошая напоминалка о многих полезных вещах.

    1. Татьяна Елгина

      Спасибо, Валентина, за ваш комментарий! Мне приятна ваша оценка! С уважением, Татьяна

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Вы можете использовать эти теги HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

>