На чем писать аудиоплеер на сайт?!

@dumaqqq · Регистрация: 28.06.2012

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

Задача написать аудио плеер на сайт, чтобы была возможность закинуть аудио файл в статью и он отображался как проигрыватель.
На чем лучше писать? На JS или PHP?
Может есть исходники для ознакомления?

@Опан · 14.03.2015, 23:55

Если аудиофайл закидывать должен посетитель сайта, то понадобится скрипт для загрузки файлов на сервер. На пример, на PHP. В остальном, чтобы на сайте увидеть проигрыватель, нужен или тег <audio> или объект FlashAudioPlayer. Вот самый простой пример с тегом <audio>:

HTML5
1
<audio src="sound.ogg" controls></audio>

@dumaqqq · 15.03.2015, 12:04 **[ТС]**

Опан, Про тег аудио в html5 знаю, но он не подходит. Поэтому нужно разработать свой, со своим простеньким дизайном.

@Thisman · 15.03.2015, 12:19

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

JavaScript
1
2
3
4
5
6
7
var audio = document.querySelector('audio');
 
// теперь мы имеем объект с нужными нам методами и свойствами
audio.play(); // начать проигрывание
audio.pause(); // остановить проигрывание
audio.currentTime // текущее время
audio.volume // текущая громкость и т.д.

Комбинируя эти методы и свойств с вашим шаблоном и событиями можно создать свой кастомный плеер

Добавлено через 5 минут
Есть еще один, более продвинутый способ. Это использовать AudioContext, он предоставляет доступ к более детальному API. Его можно использовать и без тега audio, но тег audio может быть изначальным источником
Раз( ang )
Два( ang )

@Опан · 15.03.2015, 12:35

А свой простенький дизайн при этом можно организовать с помощью элементов <div> с динамически меняющимися размерами и позициями. Это недавно обсуждали тут: Как правильно стилизовать теги <audio>, <video> с помощью js

Новые блоги и статьи Все статьи Все блоги /
Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .	Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .	Автозаполнение реквизитов при создании документа Maks 26.03.2026 Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .	Команды формы и диалоговое окно Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .
Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .	Отправка уведомления на почту при создании или изменении элементов справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной записи электронной. . .	модель ЗдравоСохранения 5. Меньше увольнений- больше дохода! anaschu 24.03.2026 Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .	Midnight Chicago Blues kumehtar 24.03.2026 Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .

@dumaqqq 3 / 3 / 0 Регистрация: 28.06.2012 Сообщений: 69

	На чем писать аудиоплеер на сайт?! 14.03.2015, 20:09. Показов 1199. Ответов 4 Метки нет (Все метки) Задача написать аудио плеер на сайт, чтобы была возможность закинуть аудио файл в статью и он отображался как проигрыватель. На чем лучше писать? На JS или PHP? Может есть исходники для ознакомления? 0

@dumaqqq 3 / 3 / 0 Регистрация: 28.06.2012 Сообщений: 69
	15.03.2015, 12:04 [ТС]
	Опан, Про тег аудио в html5 знаю, но он не подходит. Поэтому нужно разработать свой, со своим простеньким дизайном. 0

@Опан Юзер с абсолютным слухом 709 / 489 / 195 Регистрация: 17.12.2010 Сообщений: 1,428
	15.03.2015, 12:35
	А свой простенький дизайн при этом можно организовать с помощью элементов <div> с динамически меняющимися размерами и позициями. Это недавно обсуждали тут: Как правильно стилизовать теги <audio>, <video> с помощью js 0