Рекомендуемые сообщения

    Sans    1
    Sans

    Как сделать так, чтобы при включении аудио на сайте, уже включённое ранее аудио останавливалось? Они просто проигрываются вместе! 

    Поделиться сообщением


    Ссылка на сообщение
    Поделиться на других сайтах
    Switch74    270
    Switch74

    Создайте ключ в котором вы будете хранить id проигрываемого радио, перед тем как включить и записать в эту переменную включаемое радио проверьте что там записано и отключите радио с тем id.
    А вообще у вас должен быть один <audio> в который вы подставляете трансляции, после того как вы укажите следующее радио, предыдущее само собой сотрется и отключится.
     

    Поделиться сообщением


    Ссылка на сообщение
    Поделиться на других сайтах
    Sans    1
    Sans

    Я чёт мало понял:mellow:

    Сайт мой здесь: under-music.ru

    Поделиться сообщением


    Ссылка на сообщение
    Поделиться на других сайтах
    Svetlana_P    30
    Svetlana_P

    Попробуйте добавить скрипт

    <script>
    document.addEventListener('play', function(e){
        var audios = document.getElementsByTagName('audio');
        for(var i = 0, len = audios.length; i < len;i++){
            if(audios[i] != e.target){
                audios[i].pause();
            }
        }
    }, true);
    </script>

    У меня сработало. Я в JS мало понимаю, но здесь вроде происходит следующее: скрипт смотрит на каждый трек в теге audio и ставит на паузу каждый, кроме текущего.

    А вот этот ставит на паузу именно текущий трек, поэтому, по идее, логичней

    <script>
    document.addEventListener('play', function(evt)
    {
        if(window.$_currentlyPlaying)
        {
            window.$_currentlyPlaying.pause();
        } 
        window.$_currentlyPlaying = evt.target;
    }, true);
    </script>

    Может еще что тут предложат более правильное

    PS Необычный сайт, что это за треки?)

    Поделиться сообщением


    Ссылка на сообщение
    Поделиться на других сайтах
    Sans    1
    Sans
    19 часов назад, Svetlana_P сказал:

    Попробуйте добавить скрипт

    
    <script>
    document.addEventListener('play', function(e){
        var audios = document.getElementsByTagName('audio');
        for(var i = 0, len = audios.length; i < len;i++){
            if(audios[i] != e.target){
                audios[i].pause();
            }
        }
    }, true);
    </script>

    У меня сработало. Я в JS мало понимаю, но здесь вроде происходит следующее: скрипт смотрит на каждый трек в теге audio и ставит на паузу каждый, кроме текущего.

    А вот этот ставит на паузу именно текущий трек, поэтому, по идее, логичней

    
    <script>
    document.addEventListener('play', function(evt)
    {
        if(window.$_currentlyPlaying)
        {
            window.$_currentlyPlaying.pause();
        } 
        window.$_currentlyPlaying = evt.target;
    }, true);
    </script>

    Может еще что тут предложат более правильное

    PS Необычный сайт, что это за треки?)

    Спасибо большое! Музыка из игры Undertale! Я фанат игры, и, в частности, музыки, вот и решил сайт сделать) #Megalovania 

    • Like 1

    Поделиться сообщением


    Ссылка на сообщение
    Поделиться на других сайтах

    Создайте аккаунт или войдите в него для комментирования

    Вы должны быть пользователем, чтобы оставить комментарий

    Создать аккаунт

    Зарегистрируйтесь для получения аккаунта. Это просто!

    Зарегистрировать аккаунт

    Войти

    Уже зарегистрированы? Войдите здесь.

    Войти сейчас

    • Войти через Facebook
    • Войти через Twitter
    • Войти через Microsoft
    • Войти через LinkedIn
    • Войти через Google

    • Похожие публикации

      • Ратибор
        Автор: Ратибор
        Доброе время суток! Вот код: 
         не могу сообразить как после алерта остановить выполнение кликов на всех элементах, помогите.
      • nightgremlin
        Автор: nightgremlin
        Здравствуйте, уважаемые форумчане!
        Сто лет ничего не писал и ни за что не брался, и вот решился. Хочу восстановить и поднять свой уровень.
        У Вас есть шаблон psd, который надо сверстать? - Я к вашим услугам. Сделаю абсолютно бесплатно (ну может добавлю в портфолио).
        Вот, перечень предлагаемых услуг:
        верстка обычного psd-макета. С Вас макет - с меня верстка с использованием HTML5/CSS3; адаптивная верстка под различные разрешения экрана используя Media Queries; возможна натяжка на популярный движок WordPress. _____________________________________________________________________________________________________
        Так как совсем недавно начал изучение JavaScript, то могу попробовать написать что-то простенькое используя связку HTML5+CSS3+JavaScript (DOM). До библиотеки JQuery еще не добрался, но вставить готовый скрипт думаю сумею запросто.
        Задания присылайте на почту: [email protected]
        P/s: никогда не занимался профессионально вёрсткой и написанием скриптов на JS, но то что вы мне предложите постараюсь выполнить качественно в приемлемые сроки.
         
      • dupre
        Автор: dupre
        Ищу решение для задачи. Есть небольшой кусок js кода открывающего-закрывающего боковую панель навигации. Нужно изменить-дописать код так, чтобы при открытии.sidenav фон затемнялся, при закрытии возвращался к исходному состоянию. Код лежит здесь — http://javascript.ru/forum/site/70434-zatemnenie-fona-po-kliku.html