Как добавить видео и музыку на сайт?

Заказать у меня создание сайта от 3000 рублей!
Здравствуйте дорогие друзья! Вы любите смотреть видео и слушать музыку? Знаю что любите, поэтому сегодня мы будем встраивать видео и аудио файлы к себе на сайт! видео для сайта, музыка, как добавить Многим, думаю, уже поднадоел стандартный плеер от видео хостинга YouTube, и для того, чтобы можно было разнообразить медиа контент, существуют специальные онлайн сервисы, об одном из которых мы сейчас и поговорим! И так, данная инструкция будет состоять из двух частей: Первая - добавление музыки Вторая - добавление видео. И так, давайте перейдем непосредственно к делу! Для начала зайдите на сайт этого сервиса - http://flv-mp3.com/ru . Перед вами появятся две модели для сборки: Плееры для сайта

Начнем с Аудио файлов

Как видно с картинки, выше, для того, чтобы собрать плеер, соответственно, нужно нажать кнопку - Собрать. Далее, я буду писать о каждом пункте, под цифрами. 1. Прописываем прямую ссылку, которая ведем к песне: Я просто загрузил mp3 файл в корень сайта, вы же, можете разместить его в любой другой директории. 2. Путь к файлу плеера - здесь можно ничего не трогать, оставляем как есть: 3. В третьем пункте вы можете (по желанию) добавить какую-нибудь надпись, например: 4. Настраиваем время начала - прописываем минуты и секунды (по умолчанию, если стоит 00 00, то песня будет играть с самого начала). 5. Размеры плеера - выставить произвольные размеры не получится, так как сохраняется пропорция, но прописать Ширину в пикселях вы можете! 6. Если вы хотите, чтобы после того, как пользователь зашел на определенную страницу вашего сайта автоматически играла музыка, то выбираем соответствующий режим: Не рекомендую ставить (громкую и раздражительную) фоновую музыку на весь сайт, так как если человек зайдет к вам на сайт, допустим, в час ночи, то ему не очень понравится внезапно заигравшая музыка. Так что, рекомендую ставить авто воспроизведение только на отдельные страницы. 7. Вы можете выбрать либо цвет плеера, либо готовый скин. Рекомендую выбирать готовый скин, так как он намного красивее и смотрится симпатичнее, хотя выбирайте на свой вкус и цвет :) Для выбора цвета, нажмите на выпадающее меню: Для выбора скина, нажмите на соответствующий белый квадратик, после чего, появится выпадающее меню: Уже по названию можно предположить внешний вид будущего музыкального плеера, лично я перепробовал все варианты - больше часть скинов мне очень понравилась! 8. Завершающий этап сборки - это настройка громкости и выбор углов: Громкость звука рекомендую оставить стандартной (то есть равной 70, углы выбирайте уже на своё усмотрения (я оставил закругленные). Все готово, нажимаем на кнопку - Собрать и получить HTML код: После нажатия вы получить примерно вот такой код: Вставляем его в любое место, на любую страницу! Также, примером будет страница обо мне, где музыка играет, а плеера практически не заметно. Как сделать его незаметным? Для этого нужно выбрать скин, который называется - pattern-1.

Собираем видео плеер.

В начале все тоже самое - нажимаем - Собрать. 1. Прописываем путь к видео файлу, например: 2. Путь в файлу видео плеера оставляем неизменным: 3. Для того, чтобы в неактивном состоянии, до воспроизведения видео, красовалась какая-либо картинка, просто прописываем ссылку на ваше изображение: Как видите, есть ограничения по форматам и размерам изображения: Размеры: 500?375 px; Формат: gif или jpg; 4. Делаем любую надпись, которая, в последствии, будет отображаться на самом плеере: 5. Размеры, также, как и с аудио плеером, пропорциональны, поэтому можно либо прописать размеры ширины, либо выбрать готовый стандартный вариант: Стандартные размеры: 4:3 и 16:9 6. Можно выбрать цвет фона, после чего настроить цвет плеера или выбрать скин: 7. На этом этапе настроек можно выбрать фоновый цвет вашего сайта (по умолчанию белый): Также, можно выбрать вид углов (прямые или закругленные), прописать цифровое значение яркости, контраста, насыщенности и оттенка. 8. Громкость оставляем как есть (70), если хотите, можно сделать погромче. 9. Если нужно, то можно выбрать пункт - Авто запуск. 10. На последнем пункте настроек, нужно выбрать поведение кнопок (стоп, play, перемотка и так далее..): Выключены - кнопок вообще не будет видно Включены - кнопки будут видны всегда Появляются при - появятся только при наведении курсора мыши. Все, нажимаем на красную кнопочку и получаем код:

Как и в первом, выше описанном случае, программный код можно вставить в любое место - он выглядит так: В результате у нас может получиться примерно вот такой видео плеер: Сам ролик вставлять не стал, все-таки нужно экономить место на хостинге, поэтому, для примера, просто добавил картинку. Как видите, в этом нет ничего сложного - благодаря этому сервису, вы без труда и больших затрат времени сможете сделать страничку вашего сайта более интересной. Добавление видео роликом и музыки на свой сайт - это неплохое дополнение ко моим советам по улучшению юзабилити сайта! Ну что же, на этом все, подписывайтесь на обновления и получайте свежие статьи на тему продвижения сайтов, улучшения дизайна, уроков по wordpress и ещё много чего интересного! Ваш Сергей Оганесян. Удачи!
Заказать у меня создание сайта от 3000 рублей!

Раздел: Дизайн/верстка

Дата последнего изменения: 2012-02-22 17:57:35

Просмотров: 11168

Оставить комментарий

* Комментарий: (отменить ответ)

* Ваше имя:

Ваш e-mail:

*