Размещение музыки в html коде страницы

@zeva · Регистрация: 18.12.2011

Студворк — интернет-сервис помощи студентам

Прошу прощения, если не туда попала. Направьте, пожалуйста. Пытаюсь сделать фоновую музыку на главной странице. Пробовала следующие варианты вставки в код страницы (между тегами <body>):

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<object width="480" height="50">
    <param name="movie" value="https://www.filestofriends.com/share.aspx?code=53d24e1eed0b46f0a41c17e727dcccdd&d=1">
    <param name="quality" value="high">
    <param name="bgcolor" value="fff">
    <embed src="https://www.filestofriends.com/share.aspx?code=53d24e1eed0b46f0a41c17e727dcccdd&d=1"
        quality="high"
        bgcolor="fff"
        autostart="false"
        width="480"
        height="50"
        align="center"
        type="audio/mp3"
        plaginspage="http://www.macromedia.com/go/getflashplayer">
</object>
 
<embed src="music_for_site.mp3" autostart="true" hidden="false" loop="false" width="300" height="65" align="bottom"> </embed>

И ещё пару наподобие. Результат один - вызывается мастер закачки и музыка не проигрывается, а скачивается. Помогите разобраться, пожалуйста.

@kirill1059 · 21.07.2014, 15:06

http://testhtml.besaba.com/
посмотрите, вот пример, вам так нужно?

@zeva · 21.07.2014, 15:53 **[ТС]**

Да, примерно. Но желательно, чтоб можно было остановить музыку при желании. Поэтому пытаюсь именно плеер вставить.

Добавлено через 15 минут
А здесь:

HTML5
1
2
<audio autoplay="autoplay">
  <source src="music.mp3">

не нужно закрывать теги?

@kirill1059 · 21.07.2014, 16:01

zeva, нужно) теперь исправил, зайдите на сайт и посмотрите, добавил плеер

@zeva · 21.07.2014, 16:10 **[ТС]**

Спасибо за подсказку! Нашла такой вариант

HTML5
1
<audio src="Laguna.wav" controls autoplay="autoplay"> <p>Если вы видите это сообщение ,значит ваш браузер не поддерживает элемент audio.</p> </audio>

Заработало!

Добавлено через 1 минуту

Сообщение от kirill1059

zeva, нужно) теперь исправил, зайдите на сайт и посмотрите, добавил плеер

Ещё раз спасибо!

Добавлено через 3 минуты
А можно ли ему свои стили задавать?

@kirill1059 · 21.07.2014, 16:17

zeva, С помощью CSS нельзя, но всё же как то меняли
Вот посмотрите там

@zeva · 24.07.2014, 09:57 **[ТС]**

Появилась новая проблема. В опере не работает. Помогите пожалуйста!

Добавлено через 14 минут
Проблема решена

Опера не поддерживает mp3.

HTML5
1
2
3
4
<audio controls autoplay="autoplay">
      <source src="music_for_site.mp3">
      <source src="music_for_site.ogg">
</audio>

На всякий случай полезные ссылочки:
здесь написано какой браузер, что поддерживает http://habrahabr.ru/post/102576/
а здесь конвертирование в любой формат http://media.io/

mixenik · 24.07.2014, 16:05

Для кастомизации почитайте про api. Тут неплохой обзор

Новые блоги и статьи Все статьи Все блоги /
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Символьное дифференцирование igorrr37 13.02.2026 / * Программа принимает математическое выражение в виде строки и выдаёт его производную в виде строки и вычисляет значение производной при заданном х Логарифм записывается как: (x-2)log(x^2+2) -. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .

@kirill1059 14 / 14 / 3 Регистрация: 16.04.2013 Сообщений: 404
	21.07.2014, 15:06
	http://testhtml.besaba.com/ посмотрите, вот пример, вам так нужно? 0

@kirill1059 14 / 14 / 3 Регистрация: 16.04.2013 Сообщений: 404
	21.07.2014, 16:01
	zeva, нужно) теперь исправил, зайдите на сайт и посмотрите, добавил плеер 1

@kirill1059 14 / 14 / 3 Регистрация: 16.04.2013 Сообщений: 404
	21.07.2014, 16:17
	zeva, С помощью CSS нельзя, но всё же как то меняли Вот посмотрите там 1

mixenik Все элементарное - сложно 133 / 118 / 50 Регистрация: 14.04.2014 Сообщений: 509
	24.07.2014, 16:05
	Для кастомизации почитайте про api. Тут неплохой обзор 0