Запуск mp3 при загрузке страницы

@oobarbazanoo · Регистрация: 13.05.2015

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

Как сделать так, что бы при загрузке страницы включалась музыка?

@WeMeSder · 05.02.2017, 20:53

JavaScript
1
2
3
4
5
window.onload = function() {
var mp3 = new Audio();
mp3.src = 'music.mp3';
mp3.play();
}

@oobarbazanoo · 05.02.2017, 21:54 **[ТС]**

WeMeSder, Audio - это класс из jquery?

@WeMeSder · 05.02.2017, 22:00

oobarbazanoo, нет, это чистый JavaScript

@oobarbazanoo · 05.02.2017, 22:07 **[ТС]**

WeMeSder, как сделать так, что бы песня не переставая играла?

Добавлено через 1 минуту
WeMeSder, я рандомно выбираю песню и мне нужно что бы она проиграла, а после неё снова происходил выбор рандомной песни и эта новая рандомная начинала играть и так бесконечно. Как это реализовать? Пускай у нас есть функция randMus() - возвращает рэндомный объект Audio, как тогда сделать эту бесконечную игру?

@WeMeSder · 05.02.2017, 22:11

mp3.onended = function() { ...; }; // oneded - событие, срабатывает когда заканчивается трек

рабочий код такой

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
var mp3;
 
var randSrc = function() {
 код выбора url новой песни;
}
 
 
function playMp3(src) {
  mp3 = new Audio();
  mp3.src = randSrc; 
  mp3.play();
}
 
window.onload = function() {
  playMp3();
}
 
mp3.onended = function() {
  playMp3();
};

@oobarbazanoo · 05.02.2017, 22:37 **[ТС]**

WeMeSder, Вы немного ошиблись. Нужно вот так:

JavaScript
1
2
3
4
5
6
7
function playSong()
    {
        song = new Audio();
        song.src = "music/" + getRandomInt(1, 2) + ".mp3";
        song.play();
        song.onended = playSong;
    }

@WeMeSder · 05.02.2017, 22:43

... что то событие не срабатывает с элементом созданном на JS, поэтому нужно создать его в HTML:

HTML5
1
<audio id = "mp3">

и затем управлять из js:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
var mp3 = document.getElementById('mp3');
function playMp3() {
  mp3.src = randMus(); 
  mp3.play();
}
 
 
// все остальное так же
window.onload = function() {
  playMp3();
}
 
mp3.onended = function() {
  playMp3();
};

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

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

song.src = "music/" + getRandomInt(1, 2) + ".mp3";

да, так правильно в вашем коде

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

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

function playSong()
* * {
* * * * song = new Audio();
* * * * song.src = "music/" + getRandomInt(1, 2) + ".mp3";
* * * * song.play();
* * * * song.onended = playSong;
* * }

..
тогда последнее сообщение было лишнее

@Николай_4657 · 24.02.2024, 17:58

В 2017 году можно было через тег audio запускать. Теперь через audio просто не запускается, а эти скрипты выдают:

Uncaught (in promise) DOMException: The play method is not allowed by the user agent or the platform in the current context, possibly because the user denied permission.

Какие есть варианты, чтобы поднять mp3?
Заранее всем спасибо!

krvsa · 24.02.2024, 19:26

Николай_4657, все делается только после неких действий пользователя...
Само ничего играть не будет.

@gogolik · 24.02.2024, 21:06

Николай_4657, я вам уже ответил в вашей теме. Если вы будете продолжать плодить свой вопрос, на который дан чёткий и прямой ответ - последуют санкции. На всякий случай продублирую ссылку и тут: https://www.cyberforum.ru/java... 39480.html

Новые блоги и статьи Все статьи Все блоги /
Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .	SDL3 для Web (WebAssembly): Сборка SDL3 и Box2D из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .	SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь 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. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»

Запуск mp3 при загрузке страницы

Решение

Решение

@oobarbazanoo 7 / 30 / 9 Регистрация: 13.05.2015 Сообщений: 1,835

	Запуск mp3 при загрузке страницы 05.02.2017, 20:20. Показов 4781. Ответов 10 Метки нет (Все метки) Как сделать так, что бы при загрузке страницы включалась музыка? 0

@oobarbazanoo 7 / 30 / 9 Регистрация: 13.05.2015 Сообщений: 1,835
	05.02.2017, 21:54 [ТС]
	WeMeSder, Audio - это класс из jquery? 0

@WeMeSder 32 / 31 / 21 Регистрация: 13.07.2014 Сообщений: 374
	05.02.2017, 22:00
	oobarbazanoo, нет, это чистый JavaScript 1

@oobarbazanoo 7 / 30 / 9 Регистрация: 13.05.2015 Сообщений: 1,835
	05.02.2017, 22:07 [ТС]
	WeMeSder, как сделать так, что бы песня не переставая играла? Добавлено через 1 минуту WeMeSder, я рандомно выбираю песню и мне нужно что бы она проиграла, а после неё снова происходил выбор рандомной песни и эта новая рандомная начинала играть и так бесконечно. Как это реализовать? Пускай у нас есть функция randMus() - возвращает рэндомный объект Audio, как тогда сделать эту бесконечную игру? 0

krvsa 3837 / 1682 / 431 Регистрация: 14.03.2022 Сообщений: 4,250
	24.02.2024, 19:26
	Николай_4657, все делается только после неких действий пользователя... Само ничего играть не будет. 0

@gogolik Супер-модератор 3963 / 2081 / 832 Регистрация: 13.03.2010 Сообщений: 6,865
	24.02.2024, 21:06
	Николай_4657, я вам уже ответил в вашей теме. Если вы будете продолжать плодить свой вопрос, на который дан чёткий и прямой ответ - последуют санкции. На всякий случай продублирую ссылку и тут: https://www.cyberforum.ru/java... 39480.html 0