А если допустим мне нужен аудиоплеер в виде сайта (посреди страницы) с возможностью переключать треки и над строкой состояния список песен с горизонтальной прокруткой обложек. То как тогда написать?
плеер будет играть музыку только с вашего пк, так как вы указали источником дорожку на вашем диске, а если в онлайне хочешь чтоб играла, как нужно прописать ? у онлайн дорожек URL как у картинок нету
Все конечно замечательно и прекрасно, но если у меня на странице десяток аудио, и их можно включить одновременно, как исправить? как сделать что если один играет при включении следующего выключался предыдущий?
@@os.valentine А я не сдался) и, поэтому дарю лекарство: let last = {}; document.querySelectorAll('audio').forEach(function(el){ el.addEventListener('playing', function(){ if (last.pause && last !== this) last.pause() last = this }); }) вставлять перед закрывающимся тегом или ! Но при условии примерно подобном использовании кода в видео!
Я создал тег аудио как вы, первый вариант. указал путь к файлу мп3. Всё заработало, но за месть управления громкости трека, появились три точки, если на них нажать то, появляется стрелка и надпись "скачать". И этот трек можно скачать.) Что надо сделать, чтоб это исправить? Чтоб трек нельзя было скачать, а можно было регулировать громкость. Какое решение???
Моя песня на сайте отображаеться только у меня, так как он на моем пк. Но если на сайт зайдет ктото с другого устройства, то у него песня отображаться не будет. ПОмогите пожалуйста, что делать чтоби у него отображалась песня. Или я чтото не так сделал
@@trixion74 А ты понял в чем вообще смысл в атрибуте и значении preload="metadata" ? Я не могу догнать на хер он нужен этот тег со значение таким? Я так посмотрел один раз когда написал этот тег с таким значением вообще исчез проигрыватель а второй раз ничего не изменилось вообще.
@@РадомирЯкушевський Можно попробовать, в конце концов, программирование - наука экспериментальная. Но должен сказать, что не все выравнивается с помощью align, проверено, однако я уже забыл на чем именно проверено.
Почему некоторые теги не срабатывают ? Вот например тег-autoplay не срабатывает ? На сколько я знаю тег-autoplay должен включать плеер с музыкой и он должен играть при открытии странички он не играет автоматически. Почему так ?
А ты понял в чем вообще смысл в атрибуте и значении preload="metadata" ? Я не могу догнать на хер он нужен этот тег со значение таким? Я так посмотрел один раз когда написал этот тег с таким значением вообще исчез проигрыватель а второй раз ничего не изменилось вообще.
А ты понял в чем вообще смысл в атрибуте и значении preload="metadata" ? Я не могу догнать на хер он нужен этот тег со значение таким? Я так посмотрел один раз когда написал этот тег с таким значением вообще исчез проигрыватель а второй раз ничего не изменилось вообще.
Никогда не понимал зачем такое внимания уделять старым браузерам? Его проблемы, пускай обновит на новый. Сейчас вообще гугл отказывается поддерживать на винде 7, хотя на ней еще ооочень много людей сидит.
Кто-то решил, что autoplay - это зло. Видите ли, кому-то это может не понравиться. Кому? Мне плевать на них, пусть уходят. Обязательно кому-то что-то не понравится и что? Для них, что ли, стараться? Я делаю для тех кому нравится и согласно своему замыслу. А на всех не угодишь.
Скачай трек себе на компьютер. Закинь в папку где находится у тебя этот html файл. Потом в теге audio, как по видео, в аттрибут src (source) укажи этот файл. Если он в папке, то указывай через слэш, например:
@@garbalauuls4400 Дело в том что поидее если трек будет на компе а он выключен тогда ссылка работать не будет, я держу все в гугл диске(облаке) но когда прописывю путь как указано выше трек не играет либо в пути проблема либо в автозапуске.
@@aleksandrdubrowsky он не будет работать в любом случае, только для тебя, если ты хочешь чтобы люди могли слушать музыку в плеере, то должен выложить сайт в общий доступ, и иметь сервер, на котором как раз и будут лежать все твои картинки, песни и так далее. А если ты просто для себя играешься то можешь указывать какие угодно ссылки, но лучше скачать себе на компьютер, это и быстрее, и не будет браузер делать запросы.
![[#2024MAMA] G-DRAGON - 무제(Untitled, 2014)+POWER+HOME SWEET HOME+뱅뱅뱅+FANTASTIC BABY | Mnet 241123 방송](http://i.ytimg.com/vi/Ox29z5Nf1Uk/mqdefault.jpg)
Никаких библиотек, никаких скриптов ,пара тегов и ВАУЛЯ, все гениальное просто! Спасибо за урок очень помог.
Saltanat
Я нашёл твой канал. Это настоящий праздник. Серьёзно.
Ибо спасибо)
Лучший преподаватель по программированию!!!
#вебразработка #frontend #html5 #SimpleCode #урокипрограммирования
а как сделать так,что бы запускался случайный трек из папки ?
@@japansmidnightblack9408 Через javascript будет удобно.
3:26 поставить оргазм и еще убрать возможность закрытия сайта, тогда вообще диверсия 😂
спасибо вам
Спасибо огромное за урок, все понятно) благодаря вам поняла как аудио подгрузить!
Лично я делаю радио, так, что, мне нужно автовоспроизведение))
чётко)))
Сделай подробную инструкцию как создать данным способом полноценное онлайн радио?
Спасибо большое. Очень помогло
спасибо))
Спасибо,что напомнил.
Было очень полезно спасибо !
А если допустим мне нужен аудиоплеер в виде сайта (посреди страницы) с возможностью переключать треки и над строкой состояния список песен с горизонтальной прокруткой обложек. То как тогда написать?
понадобится css и javascript
Блин, я тоже это искал))
Хорошо было бы если стилизация тега ( audio ) тоже показывали ,
Это уже CSS, а он говорит только о HTML
отлично
Спасибо тебе за такие видео, ты лучший)))
Привет. Controls есть, а кнопок нет, куда они делись, та же "пауза", "следующее/предыдущее аудио" и тд, почему об этом ни слова?
плеер будет играть музыку только с вашего пк, так как вы указали источником дорожку на вашем диске, а если в онлайне хочешь чтоб играла, как нужно прописать ? у онлайн дорожек URL как у картинок нету
Возможно ли воспроизведение двух треков одновременно? Например, чтение текста + фоновая музыка.. И регулировка уровня громкости для каждого трека?
Конечно, просто добавь мелодию, не добавляй атрибут controls и включи autoplay
Куда более интересный вопрос, как заставить треки на странице включаться только по одному
Теперь я знаю как сделан тот скример по ссылке
Тоже
спасибо
какая программа на видео
Ваш браузер "Говно"* думал так надо написать..)
шикарная песня
Блин, я щас читаю коменты и думаю, сколько здесь глупых комментариев, нет серьезно, я возьму и отвечу на них
Все конечно замечательно и прекрасно, но если у меня на странице десяток аудио, и их можно включить одновременно, как исправить? как сделать что если один играет при включении следующего выключался предыдущий?
добрый день, вам удалось решить эту проблему?
@@os.valentine здравствуйте. Неа, я на jq сделал вроде и всё .
@@os.valentine Здравствуйте, а вы смогли победить эту проблему? Не хочу я делать через jq.
@@records3574 я сдался и забросил програмирование)
@@os.valentine А я не сдался)
и, поэтому дарю лекарство:
let last = {};
document.querySelectorAll('audio').forEach(function(el){
el.addEventListener('playing', function(){
if (last.pause && last !== this)
last.pause()
last = this
});
})
вставлять перед закрывающимся тегом или
! Но при условии примерно подобном использовании кода в видео!
Спасибо! Подпишусь!
Привет, подскажи, а как сделать воспроизведение по маске в папке а не по файлово.
прямо очень хорошо) В очередной раз спасибо Вам и добра и благополучия желаю! )
Я создал тег аудио как вы, первый вариант. указал путь к файлу мп3. Всё заработало, но за месть управления громкости трека, появились три точки, если на них нажать то, появляется стрелка и надпись "скачать". И этот трек можно скачать.) Что надо сделать, чтоб это исправить? Чтоб трек нельзя было скачать, а можно было регулировать громкость. Какое решение???
Почему у меня аудио не воспроизводится?
Здравствуйте, а как сделать так чтобы когда включаешь вторую аудиозапись первая прекращалася работать?
Здравстуйте! не работает атрибут autoplay,в чем причина? гугл запретил использовать автовоспроизведение?
Моя песня на сайте отображаеться только у меня, так как он на моем пк. Но если на сайт зайдет ктото с другого устройства, то у него песня отображаться не будет. ПОмогите пожалуйста, что делать чтоби у него отображалась песня. Или я чтото не так сделал
Пишу из Chrome ver. 101.0.4951.67: из-за какой-то новой политики, созданной вроде после Chrome 71, атрибут autoplay не работает!(((
Добрый день . а как сделать ,чтоб показывал имя исполнителя и название песни?
Самому писать
Подскажите, а почему мой плеер не активный на странице ?
У меня не работает autoplay.Просто хотел сделать пасхалку на своём сайте )))
У меня такая же хуйня была не работает этот тег autoplay
У вас ущербные браузеры, вот и не работает.
А как сделать дизайн к етому?
Сделал всё как в вашем видео, но аудиоплеер не работает, я не понимаю почему
Проверь написание тега, его синтаксис и тд
@@trixion74 А ты понял в чем вообще смысл в атрибуте и значении preload="metadata" ? Я не могу догнать на хер он нужен этот тег со значение таким? Я так посмотрел один раз когда написал этот тег с таким значением вообще исчез проигрыватель а второй раз ничего не изменилось вообще.
@@ЭлвисПресли-о1б не-а сам не пойму)
Можно ли поменять его вид с помощью css? (Хотя бы серый цвет сменить на другой.)
Да можно скорее всего, почему бы и не проверить?
Как сделать переключать треки?
Ну дак а как сделать-то плеер? Не воспользоваться стандартным плеером браузера, а сделать?
Как вы вставили в src?
Копировать Ctrl + c Вставить Ctrl + v
спасибо)теперь скажи плиз как переместить песню например в центр или в право
Это делается с помощью CSS.
@@Hichigo343 это делается с пощью атрибута aling="left/right/center" разве нет?
@@РадомирЯкушевський Можно попробовать, в конце концов, программирование - наука экспериментальная. Но должен сказать, что не все выравнивается с помощью align, проверено, однако я уже забыл на чем именно проверено.
что делать если не работает autoplay всё перебпобывал
Браузеры нынче блокируют автоматическое воспроизведение. Защита от назойливого спама.
Своими руками. HTML5 audio player. тег audio. Делаем аудио плеер. HTML5 Для начинающих. #11
как называеься программа на видео
@@krykvaedits Brackets
Почему некоторые теги не срабатывают ? Вот например тег-autoplay не срабатывает ? На сколько я знаю тег-autoplay должен включать плеер с музыкой и он должен играть при открытии странички он не играет автоматически. Почему так ?
Если инет радио то можно тег аутоплей ставить
Спасибо за видео
а как сделать, чтобы вместо времени, и полосы прокрутки было название файла?
а всё остальное скрыто...
А ты понял в чем вообще смысл в атрибуте и значении preload="metadata" ? Я не могу догнать на хер он нужен этот тег со значение таким? Я так посмотрел один раз когда написал этот тег с таким значением вообще исчез проигрыватель а второй раз ничего не изменилось вообще.
Как называется песня?
как добавить возможность скачивания аудио на свой сайт html
А ты понял в чем вообще смысл в атрибуте и значении preload="metadata" ? Я не могу догнать на хер он нужен этот тег со значение таким? Я так посмотрел один раз когда написал этот тег с таким значением вообще исчез проигрыватель а второй раз ничего не изменилось вообще.
Использую автоплей и ничего не работает в Гугле.Из за чего это может быть?Жду ответа
еще ждешь?
я скачал на гугл диск песню и открыл к ней доступ всем в сети, взял ссылку на нее и вставил в НО это не сработало
Попробуй скачать трек на компьютер и запускай как у автора, указывай его в путь.
Никогда не понимал зачем такое внимания уделять старым браузерам?
Его проблемы, пускай обновит на новый.
Сейчас вообще гугл отказывается поддерживать на винде 7, хотя на ней еще ооочень много людей сидит.
А што ето за програма в которой ты писал
Как вставить название трека в плеер в html ?
Попробуй c CSS
autoplay че то не работает
autoplay уже не работает (((
Кто-то решил, что autoplay - это зло. Видите ли, кому-то это может не понравиться. Кому? Мне плевать на них, пусть уходят. Обязательно кому-то что-то не понравится и что? Для них, что ли, стараться? Я делаю для тех кому нравится и согласно своему замыслу. А на всех не угодишь.
Без вложенного тега source не работает!!!!
#SimpleCode
Zdrastvuite skajite pojalust kak v Bracket s pomoshyu bistro sobrat shablon ?
TAB
autoplay eto zlo :))))) eto 100% Pravda
что за программа?
Саблайм текст
Brackets по-моему
Дружище все сделал как у тебя я не особо прграммер но у меня трек не играет он находиться в гугл диске как его запустить посоветуй?
Скачай трек себе на компьютер. Закинь в папку где находится у тебя этот html файл. Потом в теге audio, как по видео, в аттрибут src (source) укажи этот файл. Если он в папке, то указывай через слэш, например:
@@garbalauuls4400 Дело в том что поидее если трек будет на компе а он выключен тогда ссылка работать не будет, я держу все в гугл диске(облаке) но когда прописывю путь как указано выше трек не играет либо в пути проблема либо в автозапуске.
@@aleksandrdubrowsky он не будет работать в любом случае, только для тебя, если ты хочешь чтобы люди могли слушать музыку в плеере, то должен выложить сайт в общий доступ, и иметь сервер, на котором как раз и будут лежать все твои картинки, песни и так далее. А если ты просто для себя играешься то можешь указывать какие угодно ссылки, но лучше скачать себе на компьютер, это и быстрее, и не будет браузер делать запросы.
ні, autoplay не зло, його можна використати для sound effect-ів
Ахахахха а зачем ты это показал🤣🤣🤣
Спасибо