Двач, я сделял, рейтhttps://vertically-challenged.github.io/UA/И сразу вопрос к разбирающимся анонам, как добавить музыку, чтобы она воспроизводилась по наведению на блок, почему у меня ничего не работает? Я в js ничего не понимаю, кроме hello world, скопировал скрипт с html5book. Ссылка на репозиторий: https://github.com/vertically-challenged/UAАлсо залил на codepen: https://codepen.io/vertically-challenged/pen/EzBVev но тут без музыки, как и на github
>>197718227>щас код напишуТам гимн разбит на 8 аудиодорожек, и замысел был в том, чтобы при наведение на одну часть флага проигрывалась одна аудиодорожка, а если убрать курсор, то она переставала бы проигрываться. Но я даже просто звук не смог сделать :c
>>197717873 (OP)>я сделял, рейт>Я в js ничего не понимаю>скопировал скрипт с html5book. >я сделялПиздец, откуда такие долбаёбы берутся. Мать твою ебал на спине твоего отца-куколда, кстатию.
>>197717873 (OP)гугли тег аудио.var audio = document.querySelector('audio');потом скриптом добавляешь на событие mouseover audio.play()
>>197718716Где ты что сделал ебанат? У тебя в html тега audio вообще нет, какая музыка должна проигрываться?
>>197718986Ну так на codepen я все связанное с audio убрал, потому что не работает, а все говно лежит не гитхабе
>>197717873 (OP)У тебя нихуя не будет играть. В новых политиках браузеров (года два уже как) есть пунктик, чтобы пользователь обязательно провзаимодействовал с контентом (кликнул), чтобы началось воспроизведение. Так положили конец всем рекламам порно и иксбетов, которые начинали сразу истошно орать.https://developers.google.com/web/updates/2017/09/autoplay-policy-changes
const divContainer = document.querySelector('box-flag');// const НАЗВАНИЕ_САМ_ПРИДУМАЙ = document.getElementById("СЮДА_id_НУЖНОГО тега audio")divContainer.addEventListener('mouseover', e => { if (e.target.classList.contains('line')) { НАЗВАНИЕ_САМ_ПРИДУМАЙ.play() }});divContainer.addEventListener('mouseout', e => { if (e.target.classList.contains('line')) { НАЗВАНИЕ_САМ_ПРИДУМАЙ.pause() }}); Оно блет?
>>197720708Потому что у тебя уже media engagement index для этой страницы сформировался и сохранился в настройках браузера. Ты уже слушал на этой странице музыку больше 7 секунд и она теперь помечена у тебя как доверенная для воспроизведения.Попробуй в инкогнито режиме открыть и не кликать ни разу по странице - хуй у тебя что заиграет.
>>197720931>хуй у тебя что заиграетЕсли один раз нажать на кнопку Result, то потом начинает играть как должно. Почему так?
>>197721160Потому что тебе объяснили: что по новым политикам не будет играть, пока пользователь не кликнет где-то по странице. Либо страница будет уже довренной для воспроизведения.Доку читай, если хочешь учиться прогать: https://developers.google.com/web/updates/2017/09/autoplay-policy-changes
>>197721279То есть нужно просто какое-то всплывающее окошко, чтобы спросить разрешение у пользователя, и все будет работать?
>>197721918Да достаточно, чтобы он просто хоть где-то кликнул. Сделай кнопку Play и не изобретай велосипед.
var audio = $("#sound");$(".line").mouseenter(function() { audio.play();});Исправь на такое play-audio.js, музыка просто включится без паузы
>>197717873 (OP)>jqueryГде ты откопал этого динозавра, я думал его уже лет 10 никто не использует.Куча пустых div'ов - это пиздец. Куда элегантнее сделать это псевдоэлементами.Отступы табуляцией - для пидоров. Используй только пробелы.Без js не бывает web разработки. Если есть желание шагнуть дальше hello world, то учи js + какой-нибудь фреймворк вроде angular, а лучше библиотеку react.
>>197722010Ну я закомментировал audio {display: none;}, потыкал на плеере, и скрипт все равно не работает. Это считается за нажатие? Алсо я переходил по ссылкам со своей страницы, тоже не помогает. Попробовал создать кнопку, которая ничего не делает, и понажимал на нее, тоже не помогло
>>197722286>Отступы табуляцией - для пидоров. Используй только пробелы.А вот тут не соглашусь. Моя IDE хоткеем отступы табуляцией делает.
>>197722542Потому, что DOM дерево грузится сверху вниз. У тебя селекторы в скрипте вызывались еще до того как отрендерился элемент <audio />. Ты пытался достучаться до того, чего ещё нет.
>>197722520Табуляции в разных редакторах и ide могут выглядеть по разному, иметь разный размер. А пробелы везде одинаковые - универсальность. И любую ide можно настроить так чтобы отступы были пробелами.
>>197722673Погуглил, добавил defer и вернул скрипт head, работает, но как-то не очень. Я правильно сделал, или все-таки лучше поставить скрипт вниз страницы?
>>197722901>Табуляции в разных редакторах и ide могут выглядеть по разномуНу так это же плюс, каждый может сделать себе нудный tab
>>197718363Брат моего троюродного дяди - профессиональный хаккер. Говорит вбить вот это в командную строку чтобы задудосить хуесоса: ping 127.0.0.1
Двач, готово, теперь это работает. Рейт код, насколько он плох?https://github.com/vertically-challenged/UA
Если учитывать не только то время, когда я что-то делаю, но и то, которое я потратил на что-то иное с момента hello world и твердого решения вкатиться, то минимум пару месяцев. Если смотреть на часы, потраченные именно на вкатывание, то наверно и недели не наберется, дня 4 может. Ну ты просто посмотри на то говно, что я написал, даже не программисту будут понятно, что это говно. Копировать одну и ту же функцию 8 раз, на каждый div отдельная функция, это ли не пиздец
>>197726004Да и похуй, все равно забавная хуйня получилась. Через год если не забросишь, может что-то охуенное сделаешь. Я пытался вкатываться, для меня слишком нудно это все, хуй знает, а желание было.Ты на htmlacademy.ru учил вот это все?
>>197726281>Ты на htmlacademy.ru учил вот это все?Нет, пробовал, но дропнул эту дрисню через пару часов. Я сначала прочитал html book, ознакомился с теорией и начал начал верстать всякое говно https://vertically-challenged.github.io/ , что приходит в голову, периодически заглядывая в справочник по css, и смотря уроки небольшие гайды на ютубе https://www.youtube.com/channel/UCVswRUcKC-M35RzgPRv8qUg так информация намного лучше усваивается и учиться не так скучно, могу целый день верстать свое говно и не устать. Алсо сегодня начал читать уже html5book, и по нему верстал украинский флаг. Алсо недавно открывал learn.javascript.ru, тоже зашло, не скучный материал, но думаю отложит изучение js до тех пор, пока хорошо не освою css
>>197726866> htmlacademy.ru>дропнулДропнул, потому что слишком скучно, не счет качества материала я хз Алсо извиняюсь за сумбурную речь, просто в сон уже клонит
