Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 22.11.2019, 18:10
Аспирант
Отправить личное сообщение для Galyanov Посмотреть профиль Найти все сообщения от Galyanov
 
Регистрация: 23.01.2011
Сообщений: 47

Отследить воспроизведение аудио
Всем привет

Подскажите плиз, никак не допру своей головой.

Есть такой код:
<audio controls controlsList="nodownload" id="audio1">
   <source src="audio/audio1.ogg" type="audio/ogg">
   <source src="audio/audio1.mp3" type="audio/mp3">
   Ваш браузер не поддерживает тег audio!
</audio>


Хочу повесить цель Яндекс Метрики на воспроизведение аудио. Аудио на странице несколько.

Можно ли как-то отследить, когда начинается воспроизведение аудио, чтобы потом отправлять reachGoal Яндекса?

Клики по элементу audio не срабатывают, надо именно воспроизведение отследить.

Нашел такое событие:
playing - Отправляется, когда начинается воспроизведение медиа (в первый раз, после паузы или после перезапуска).

На jquery подозреваю это не сделать, а в java я совсем не силен.
Буду благодарен за помощь в данном решении.
Ответить с цитированием
  #2 (permalink)  
Старый 22.11.2019, 18:39
Аватар для Vlasenko Fedor
Профессор
Отправить личное сообщение для Vlasenko Fedor Посмотреть профиль Найти все сообщения от Vlasenko Fedor
 
Регистрация: 13.03.2013
Сообщений: 1,572

$('audio').on('play', function(e) {
  alert(e.target.currentSrc);
});

Вы же сами все нашли
Ответить с цитированием
  #3 (permalink)  
Старый 23.11.2019, 02:44
Аспирант
Отправить личное сообщение для Galyanov Посмотреть профиль Найти все сообщения от Galyanov
 
Регистрация: 23.01.2011
Сообщений: 47

Все гениальное просто)

А я вот что наваял. Поверх аудио наложил блок типа фейковое аудио, с надписью прослушать. При клике этот блок пропадает, и появляется и проигрывается скрытый до этого аудио, и одновременно отправляется метрика.

$('.fakeSound').each(function(index) {
        $(this).on("click", function() {
            var audio = $(this).siblings();
            audio.css("visibility", "visible")
            audio[0].play();
            $(this).css("display", "none");
            index=index+1;
            idMetric='playaudio'+ index;
            yaCounter56352487.reachGoal(idMetric);
        });
    });


Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Воспроизведение аудио yumakar Events/DOM/Window 8 29.10.2019 13:53
Воспроизведение аудио при переходе по страницам сайта smegol Мобильный JavaScript 2 17.02.2018 01:03
Отследить окончание события RayEagle Events/DOM/Window 1 17.06.2017 23:30
Воспроизведение аудио MaksZua Общие вопросы Javascript 1 04.11.2015 22:23
Пути к файлам аудио maxvolodya Events/DOM/Window 4 19.02.2014 19:41