Про HTML5 плеер

Всем Здравствуйте... Перенесла этот урок по вашей просьбе из старого Дневника. Как сделать HTML плеер, который может работать без Адобе флеш плеера.

пост составила

Серия сообщений "ПЛЕЕРЫ, ВИДЕОПЛЕЕРЫ, УРОКИ.":
Часть 1 - Перепост. Как вставить ПЛЕЕР в пост на Лиру (подробно)
Часть 2 - Плеер - невидимка.
...
Часть 43 - Как превратить HTML аудиоплеер в круглую кнопку.
Часть 44 - Аудиоплееры с html кодом - 4.
Часть 45 - Про HTML5 плеер.
Часть 46 - Простоплеер опять с нами...

Серия сообщений "ПЛЕЕРЫ, ВИДЕОПЛЕЕРЫ, УРОКИ.":
Часть 1 - Перепост. Как вставить ПЛЕЕР в пост на Лиру (подробно)
Часть 2 - Плеер - невидимка.
...
Часть 30 - Как можно поставить любой плеер на картинку.
Часть 31 - Плеера от wellax. Как вставить свою музыку в плеер.
Часть 32 - Прозрачные флеш-плееры для вас (с кодами).
Часть 33 - Очень интересная подсказка для вокала от Любаши К.
Часть 34 - Очень понравились плееры-кнопки.
...
Часть 44 - Аудиоплееры с html кодом - 4.
Часть 45 - Про HTML5 плеер.
Часть 46 - Простоплеер опять с нами...

Итак, по просьбе smart50 разберем вот этот плеер ( это НЕ мой плеер:) ):




Скачать его можете по этой ссылке либо с оф.сайт производителя,- Тут
А скачать нам его надо:)

Но!!! Мне пришлось немного переделать плеер под нужды лиру, поэтому для использования этого плеера по моей инструкции про плейлист,- скачивайте его не с оф. сайта, а по моей ссылке (надеюсь, разработчики на меня не обидятся:) )
Итак, плеер рассчитан и на воспроизведение одной песни, и на воспроизведение целого плейлиста:)

Читать дальше > > >

Серия сообщений "ПЛЕЕРЫ, ВИДЕОПЛЕЕРЫ, УРОКИ.":
Часть 1 - Перепост. Как вставить ПЛЕЕР в пост на Лиру (подробно)
Часть 2 - Плеер - невидимка.
...
Часть 22 - Конструктор плеера.
Часть 23 - Флеш - плееры "Разделители".
Часть 24 - Разбираемся в еще одном плеере для дневника.
Часть 25 - Плеер-картинка.
Часть 26 - Моим друзьям, разбросанным по свету...!
...
Часть 44 - Аудиоплееры с html кодом - 4.
Часть 45 - Про HTML5 плеер.
Часть 46 - Простоплеер опять с нами...

Серия сообщений "ПЛЕЕРЫ, ВИДЕОПЛЕЕРЫ, УРОКИ.":
Часть 1 - Перепост. Как вставить ПЛЕЕР в пост на Лиру (подробно)
Часть 2 - Плеер - невидимка.
...
Часть 19 - Как вставить плеер в рамочку. 3 урок для новичков.
Часть 20 - Как добавить музыку в ваше сообщение.
Часть 21 - Плеер для вас.
Часть 22 - Конструктор плеера.
Часть 23 - Флеш - плееры "Разделители".
...
Часть 44 - Аудиоплееры с html кодом - 4.
Часть 45 - Про HTML5 плеер.
Часть 46 - Простоплеер опять с нами...

Продолжим изучение темы плееров.
 

Всем, Добрый день! Давайте продолжим изучение темы плееров. Сегодня мы изучим:  Как сделать флеш-плеер со своей музыкой, одеть в красивую "упаковку" и вставить в свой пост.

далее

Серия сообщений "ПЛЕЕРЫ, ВИДЕОПЛЕЕРЫ, УРОКИ.":
Часть 1 - Перепост. Как вставить ПЛЕЕР в пост на Лиру (подробно)
Часть 2 - Плеер - невидимка.
...
Часть 12 - ДЕЛАЕМ АУДИОПЛЕЕР.
Часть 13 - >Как сделать музыкальный плеер со своей картинкой.
Часть 14 - Продолжим изучение темы плееров.
Часть 15 - Делаем аудиоплеер без фотошопа.
Часть 16 - ДЕЛАЕМ ПЛЕЕР В ПРОГРАММЕ Aleo Flash MP3 Плеер Builder.
...
Часть 44 - Аудиоплееры с html кодом - 4.
Часть 45 - Про HTML5 плеер.
Часть 46 - Простоплеер опять с нами...

Серия сообщений "МУЗЫКАЛЬНЫЕ САЙТЫ.":
Часть 1 - Для любителей музыки.
Часть 2 - Найти и скачать музыку на свой КОМП.
...
Часть 11 - Слушайте,скачивайте! Музыка для вас.
Часть 12 - Лучшие сайты по поиску музыки.
Часть 13 - Как вставить музыку в пост с ЯндексМузыки.
Часть 14 - Самый крупный музыкальный архив.
Часть 15 - ПЕСНИ С ИМЕНАМИ.
...
Часть 41 - Музыкальные альбомы для скачивания.
Часть 42 - Сайт - где можно сделать плейлист.Музыка для отдыха.
Часть 43 - Для многих этот портал находка.

КРАСИВАЯ Flash АНИМАЦИЯ С МУЗЫКОЙ - КОРОЛЕВА СНОВ + код + архив

Дарите красивое музыкальное пожелание
вашим близким и друзьям!
Копируйте код и вставляйте в комментарии.
Если Вам понравилась моя фантазия,
можете скачать архив с открыткой, музыкой и флеш элементами в формате fla.
Это подарок для всех кто занимается флеш.

Смотрите дальше

ВСЁ ДЛЯ ВАС

Серия сообщений "МУЗЫКАЛЬНЫЕ ОТКРЫТКИ.ФОРМУЛЫ ПОДСКАЗКИ.":
Часть 1 - В весеннем саду.
Часть 2 - Как рассказать о женщине...
...
Часть 11 - МУЗЫКАЛЬНАЯ Flash АНИМАЦИЯ - МАДАМ БРОШКИНА.
Часть 12 - Муз.рамочка "Музыка в ночи..."Красота!!!!!
Часть 13 - КРАСИВАЯ Flash АНИМАЦИЯ С МУЗЫКОЙ.....
Часть 14 - ПРИМЧАЛАСЬ ОСЕНЬ - ФЕЯ.Слушайте и наслаждайтесь...
Часть 15 - Осенняя скрипка мелодию льёт...
...
Часть 26 - Концерт в картинках.
Часть 27 - С праздником "ГОЛУБЫЕ БЕРЕТЫ".
Часть 28 - Музыкальные открытки.

Как вставить ПЛЕЕР в пост на Лиру (подробно)

Приветик, позавчера не могла никак вставить музыку в пост, или у меня что-то не так, или на Лиру глюки, или ПОСТОВОЙ "шалил", я так и не поняла...
Сегодня все получилось, наконец-то:)))
Если кто не знает, ПОСТОВОЙ.РУ, это сайт, на котором находится этот самый ПЛЕЕР , куда мы будем вставлять ссылку на музыку, которую хотим вставить в наш пост.
На всякий случай, я сделала несколько скриншотов, чтобы было яснее, что, куда вставлять...
Хотя я знаю, что девчонки и раньше делали посты с разъяснениями, да...повторенье - мать ученья!!! А еще...это подробное разъяснение очень пригодится новичкам!!!
Заодно, я "тесно пообщалась" с манипуляциями в программке для снятия скриншотов...FastStone Capture отличная программка, кому интересно, что можно делать, можно посмотреть ВОТ ТУТ, или найти какой-либо другой сайт самим!
Но...строго-то не судите, это мой первый "поучительный" пост с картинками и скриншотами...
ВНИЗУ моего сообщения я даю вложение (архив) на FastStone Capture:


Короче...если вас это заинтересовало, то приступим:


1.Для начала мы должны получить ссылку на музыку, поэтому через ОБЗОР в ПРОСТОМ РЕДАКТОРЕ( мы выбираем и загружаем музыку со своего компа, где у вас хранится музыкальная коллекция)
и нажимаем В ЧЕРНОВИК!


после загрузки получаем такой старенький, неказистый лирушный плеерочек

ПРОДОЛЖЕНИЕ>>>

Серия сообщений "УРОКИ-"УЧЕБНИК ЛИРУ,"":
Часть 1 - Самый простой способ вставить в сообщение проигрыватель с музыкой
Часть 2 - Уроки по Оформлению дневника для Лирушников
...
Часть 20 - Здорово!
Часть 21 - Верхняя панель в блогах ЛиРу.
Часть 22 - Как вставить ПЛЕЕР в пост на Лиру.
Часть 23 - Создаем на рабочем столе,,хитрую папку,,.
Часть 24 - Как вставить картинку в комментарий. Даже если не вставляется
...
Часть 29 - Альтернатива расширенному редактору на ЛиРу.
Часть 30 - Шпаргалки. Новичкам ЛиРу от Veta-z.
Часть 31 - Как добавить анимацию на картинку по формуле, без ФШ.

Есть что послушать...о чем помечтать





когда нажмете на ПЛЕЙ то возле картинки появятся стрелочки, нажав на которые -откроете видео к музыке

Серия сообщений "ИСЦЕЛЯЮЩАЯ МУЗЫКА.":
Часть 1 - >Волшебная картинка для самоисцеления.
Часть 2 - Музыка, отдых,красота наслаждение!
Часть 3 - Большой МузАльбом.
Часть 4 - Завораживающая музыка,уносит как под гипнозом...
Часть 5 - Немного отдохни от дневной суеты....