бамп
бамп
бамп
бамп
бамп
бамп
бамп
бамп
ты сосал, тебя ебал :(
бамп
Молодец. Пиздуй в \pr\
Да, было такое :(
Погодь, щас код напишу. А вёрстка пиздец всратая кст
Зачем, если там все равно никто не сидит?
Че это за хуйня, в чем смысл?
>А вёрстка пиздец всратая кст
Чему? Что не так?
Давайте заддосим хуесоса
>щас код напишу
Там гимн разбит на 8 аудиодорожек, и замысел был в том, чтобы при наведение на одну часть флага проигрывалась одна аудиодорожка, а если убрать курсор, то она переставала бы проигрываться. Но я даже просто звук не смог сделать :c
>я сделял, рейт
>Я в js ничего не понимаю
>скопировал скрипт с html5book.
>я сделял
Пиздец, откуда такие долбаёбы берутся. Мать твою ебал на спине твоего отца-куколда, кстатию.
НИНАДА, ПОДУМАЙ, ЗАЧЕМ
Ну так верстку-то я не скопировал, рейт css и html
В выражении любви к родине
гугли тег аудио.
var audio = document.querySelector('audio');
потом скриптом добавляешь на событие mouseover audio.play()
>гугли
Я так и сделал, ничего не играет
Где ты что сделал ебанат? У тебя в html тега audio вообще нет, какая музыка должна проигрываться?
Ну так на codepen я все связанное с audio убрал, потому что не работает, а все говно лежит не гитхабе
бамп
бамп
бамп
бамп
бамп
бамп
бамп
бамп
У тебя нихуя не будет играть. В новых политиках браузеров (года два уже как) есть пунктик, чтобы пользователь обязательно провзаимодействовал с контентом (кликнул), чтобы началось воспроизведение. Так положили конец всем рекламам порно и иксбетов, которые начинали сразу истошно орать.
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()
}
});
Оно блет?
// 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()
}
});
Оно блет?
Возвращайся лет через 10, твои хеллоуворлды тут не нужны.
закинь нужные аудио теги в хтмл на кодпене, а то нихуя не понятно на что в скрипте ссылаться
Потому что у тебя уже media engagement index для этой страницы сформировался и сохранился в настройках браузера. Ты уже слушал на этой странице музыку больше 7 секунд и она теперь помечена у тебя как доверенная для воспроизведения.
Попробуй в инкогнито режиме открыть и не кликать ни разу по странице - хуй у тебя что заиграет.
>хуй у тебя что заиграет
Если один раз нажать на кнопку Result, то потом начинает играть как должно. Почему так?
Потому что тебе объяснили: что по новым политикам не будет играть, пока пользователь не кликнет где-то по странице. Либо страница будет уже довренной для воспроизведения.
Доку читай, если хочешь учиться прогать: https://developers.google.com/web/updates/2017/09/autoplay-policy-changes
Не, ничего не работает
То есть нужно просто какое-то всплывающее окошко, чтобы спросить разрешение у пользователя, и все будет работать?
Да достаточно, чтобы он просто хоть где-то кликнул. Сделай кнопку Play и не изобретай велосипед.
var audio = $("#sound");
$(".line").mouseenter(function() {
audio.play();
});
Исправь на такое play-audio.js, музыка просто включится без паузы
$(".line").mouseenter(function() {
audio.play();
});
Исправь на такое play-audio.js, музыка просто включится без паузы
>jquery
Где ты откопал этого динозавра, я думал его уже лет 10 никто не использует.
Куча пустых div'ов - это пиздец. Куда элегантнее сделать это псевдоэлементами.
Отступы табуляцией - для пидоров. Используй только пробелы.
Без js не бывает web разработки. Если есть желание шагнуть дальше hello world, то учи js + какой-нибудь фреймворк вроде angular, а лучше библиотеку react.
Ну я закомментировал audio {display: none;}, потыкал на плеере, и скрипт все равно не работает. Это считается за нажатие?
Алсо я переходил по ссылкам со своей страницы, тоже не помогает.
Попробовал создать кнопку, которая ничего не делает, и понажимал на нее, тоже не помогло
Скрипт вызывай в коде ПОСЛЕ тега audio.
Скрипты в <head /> - это ж надо додуматься...
>Отступы табуляцией - для пидоров. Используй только пробелы.
А вот тут не соглашусь. Моя IDE хоткеем отступы табуляцией делает.
Действительно, это все сразу же решило.
А почему так?
Потому, что DOM дерево грузится сверху вниз. У тебя селекторы в скрипте вызывались еще до того как отрендерился элемент <audio />. Ты пытался достучаться до того, чего ещё нет.
Табуляции в разных редакторах и ide могут выглядеть по разному, иметь разный размер. А пробелы везде одинаковые - универсальность. И любую ide можно настроить так чтобы отступы были пробелами.
Погуглил, добавил defer и вернул скрипт head, работает, но как-то не очень. Я правильно сделал, или все-таки лучше поставить скрипт вниз страницы?
>Табуляции в разных редакторах и ide могут выглядеть по разному
Ну так это же плюс, каждый может сделать себе нудный tab
Брат моего троюродного дяди - профессиональный хаккер. Говорит вбить вот это в командную строку чтобы задудосить хуесоса: ping 127.0.0.1
Лучше оставь внизу. Желательно за пределами <body />.
Всегда ставь скрипты вниз страницы.
Двач, готово, теперь это работает. Рейт код, насколько он плох?
https://github.com/vertically-challenged/UA
https://github.com/vertically-challenged/UA
Не та ссылка, рейт этот код: https://github.com/vertically-challenged/UA/tree/gh-pages
У меня работает при наведение, оп, давно как давно занимаешь созданием сайтов?
Вот видео. Браузер хром.
Теперь создай пианино, только чтоб надо было нажимать.
Если учитывать не только то время, когда я что-то делаю, но и то, которое я потратил на что-то иное с момента hello world и твердого решения вкатиться, то минимум пару месяцев.
Если смотреть на часы, потраченные именно на вкатывание, то наверно и недели не наберется, дня 4 может.
Ну ты просто посмотри на то говно, что я написал, даже не программисту будут понятно, что это говно. Копировать одну и ту же функцию 8 раз, на каждый div отдельная функция, это ли не пиздец
Если смотреть на часы, потраченные именно на вкатывание, то наверно и недели не наберется, дня 4 может.
Ну ты просто посмотри на то говно, что я написал, даже не программисту будут понятно, что это говно. Копировать одну и ту же функцию 8 раз, на каждый div отдельная функция, это ли не пиздец
Да и похуй, все равно забавная хуйня получилась. Через год если не забросишь, может что-то охуенное сделаешь.
Я пытался вкатываться, для меня слишком нудно это все, хуй знает, а желание было.
Ты на htmlacademy.ru учил вот это все?
>Ты на htmlacademy.ru учил вот это все?
Нет, пробовал, но дропнул эту дрисню через пару часов.
Я сначала прочитал html book, ознакомился с теорией и начал начал верстать всякое говно https://vertically-challenged.github.io/ , что приходит в голову, периодически заглядывая в справочник по css, и смотря уроки небольшие гайды на ютубе https://www.youtube.com/channel/UCVswRUcKC-M35RzgPRv8qUg так информация намного лучше усваивается и учиться не так скучно, могу целый день верстать свое говно и не устать.
Алсо сегодня начал читать уже html5book, и по нему верстал украинский флаг.
Алсо недавно открывал learn.javascript.ru, тоже зашло, не скучный материал, но думаю отложит изучение js до тех пор, пока хорошо не освою css
> htmlacademy.ru
>дропнул
Дропнул, потому что слишком скучно, не счет качества материала я хз
Алсо извиняюсь за сумбурную речь, просто в сон уже клонит
И чё? Ну молодец типа, возьми с полки пирожок. Делай следующее.
>возьми с полки пирожок
Там только рыбная консерва
И смысл этого дрочилова?
>Ссылка на репозиторий
Это не ссылка на репозиторий.
>Это не ссылка на репозиторий.
А что это?
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