Работаем над html5 аудиоплеером. Делаем плеер круглым и крепим к картинке.

Как превратить HTML аудиоплеер в круглую кнопку и разместить его поверх фонового изображения

Обычный HTML аудиоплеер выглядит так

Его код:

---

<audio controls="controls" src="https://img1.liveinternet.ru/images/attach/d/0//51...e_my_brown_eyes_blue.mp3"></audio>

---

Атрибут «controls» здесь нужен обязательно, т.к. он добавляет панель управления к аудиофайлу. Атрибут «src» указывает путь к воспроизводимому файлу


Я размещу плеер в виде кнопки на изображении с анимацией, которую сама сделала. У меня получилось так

Мнение и цитаты профессора нейролингвиста и филолога Татьяны Черниговской о мозге.
15 сенсационно пугающих цитат нейролингвиста Татьяны Черниговской

Шапулька-чепец с бантом для девочки.
Шапочка для девочки

Серия сообщений "Детские шапочки спицами"

Яркая достопримечательность Аризоны.
Скалы Вермилия Аризона Гранд-Каньон

Скалы Вермилия. Аризона. Гранд- Каньон.

Гранд-Каньон в Аризоне – это уникальное природное образование. На красных скалах проступают полосы геологических слоев, демонстрирующие миллионы лет земной истории в поперечном сечении. Огромный по своей площади каньон простирается на 446 км, его ширина колеблется от 6 до 29 км, а глубина составляет до 1,8 км. Большая часть этой территории входит в состав национального парка. Здесь можно полюбоваться быстрыми порогами реки Колорадо и потрясающими видами. 

Готовим первое блюдо из кабачков.
Вкуснейший крем-суп из кабачков

Вкуснейший крем-суп из кабачков. Не пропустите лето!

Вышивайте с удовольствием!
Вышиваем судьбу!

Вышиваем судьбу!

Оказывается, вышивка — это наш сигнал Вселенной о наших тайных мечтах и желаниях. Ты шьешь — а Вселенная смотрит и выполняет. Чем и как вышивать — неважно: можно крестиком, можно гладью, можно мулине, можно шерстью, хотите — по канве, хотите — на шелке, абсолютно нет разницы, на каком языке вы оповестите Космос о своих планах. Главное — вышивать с чувством, толком и с расстановкой.

Две летние кепки крючком.
Модная кепка крючком...

Как вяжется первый вариант, не знаю, но определенно понравился.

Поэтому я сделала подборку еще аналогичных кепок, возможно, вы что-то для себя тоже присмотрите.

Вязaнaя бeйcбoлкa для coлнeчныx лeтниx днeй. Связaлa кpючкoм Кopoтyн Окcaнa, г.Хapькoв

Для вязaния бeйcбoлки пoтpeбoвaлocь: пpяжa «Бeгoния» бeлoгo цвeтa и ocтaтки пpяжи жёлтoгo, гoлyбoгo и биpюзoвoгo цвeтoв (50 г/169 м; 100% мepcepизиpoвaнный xлoпoк); кpючoк № 2; кoзыpёк; пyгoвицa.

ОПИСАНИЕ

В ожидании солнечного лета, связала своей Алёне кепку с козырьком «уточкой». Связана кепка из пряжи «Нарцисс», 100% хлопок, 100г / 400м, крючком №1,75. Обхват головы 47-48 см.

Ушло на неё меньше половины моточка. Узор самый наипростейший - филейная сетка, столбики с накидом через одну воздушную петлю. Покажу и расскажу, как такую кепочку вязать. Расписывать каждый ряд словами не стала – нарисовала схему. На мой взгляд это и удобней, и понятней, и компактней. Хотя на этот раз схема состоит из двух частей.

ОПИСАНИЕ

Креативные женские головные уборы.
Элегантность во всем , даже в бандане. Идеи из интернета.

"...Одна из форумчанок - Елена laitream показала и рассказала, как она сшила себе очень удобную и красивую шапочку на основе повойника- старинного русского головного убора . И действительно- шапочка получилась очень удобная, Леночке была очень к лицу ,но вот хотелось какой-то отделочки - чтобы шапочка поинтереснее смотрелась, понаряднее . И вот , бродя по просторам интернета, я совершенно случайно увидела та-а-акую красивую шапочку - и очень похожую по форме на повойник или на  более современную бандану- кстати , созданную тоже на основе того-же повойника ! Мимо такой красоты я ,конечно ,пройти не могла - застарелый хомячизм этого мне бы не простил ...но шапочка там была только одна...а раз есть одна- должно быть и больше! , решила я и начала поиски . И я была права - оказалось ,что есть несколько похожих шапочек - с разной отделкой, но одинаково красивых и элегантных! Да и немножко других шапочек приглянулось - так что заряжайтесь творческими идеями ,утепляйтесь и будьте обаятельными и привлекательными даже в теплых нарядах!

Очень симпатичная шапочка с косичками для девочки.
Шапочка с узором "три косички".

Описание автора:

Краткое описание основных рабочих моментов

плотность вязания 26петель=10см(в ширину)

Набрать 132 п. и замкнуть в кольцо.дальше вязать узором резинки по схеме(внизу)

провязать в высоту 8 см и перейти на лицевую гладь. В одном месте продолжить вверх полосочку из трех косичек(смотрим схему-обведено красным). На высоте примерно 12см от резинки(и 20см всего) начинаем убавки. делала я их на глазок, просто ,чтобы получились складочки. Сначала по 2вместе через 8 петель, потом 2 ряда без убавлений. Затем убавления в во всех остальных рядах-— через 4 петли, затем в следующем ряду через 3 петли, затем через 2 и т.д.

Убавки не располагать друг над другом, чтобы не получилось четких линий-лучиков.

Стянуть оставшиеся петли(у меня их было 9,не люблю оставлять много петель в конце).

Обвязать низ шапочки одним рядом столбиков без накида и одним рядом-столбиками рачьим шагом
 

Он простил... Lyuba Mira.
Для неё...

Для нее -  Lyuba Mira Для нее целый мир, все вокруг, Для нее эти грустные строки, Для нее распускаются вдруг, Алых роз полные руки. Для нее запоет соловей, Для нее этот запах весенний, Для нее этих светлых дней, Ярких чувств поток и сомнений. Для нее поет песню душа, Для нее не кончается время, Для нее пронесу неспеша, Сквозь года тяжелое бремя. Для нее, всегда открытая, дверь, Для нее все мечты вдохновения, Я люблю тебя! Ты мне поверь. Ведь она это ты! Нет сомнения! © Copyright: Фернн, 2004

Как ты там не со мной...
Никто, как ты... Lyuba Mira.

Так поют дрозды.

Голоса птиц: дрозд-рябинник.

Схемы для вязания жгутов из бисера.
100 схем для вязания жгутов на 13-14 бисерин

С Пасхой!
Со Светлым днем Христова Воскресения!

Старые пасхальные открытки.
Пасхальные ретро открытки.

Модный молодёжный пуловер с разрезами на рукавах.
Пуловер со стильными разрезами

Лёгкий женский жакет - спицами.
Жакет с ажурной планкой.

Джемпер для юношей и молодых мужчин. Вязание крючком.
Мужской джемпер крючком. Узор для вдохновения.

В воздухе осень звучит музыкой призрачной грусти. И.Абакумов.
Музыка осени...

формула под катом