Recommended Posts

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

<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 Необычный сайт, что это за треки?)

Share this post


Link to post
Share on other sites
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 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By vladidik
      Ребята тем кому интересна тема веб разработки и основы html заходите на канал
      https://www.youtube.com/playlist?lis...O-kk6CcVLtYXYV
      так же информация для новичков будет дополняться.
      Основы HTML это не предел. в дальнейшем будет уроки по css, js по web фреймворкам. bootstrap и в дальнейшем будет объясняться натяжка вёрстки на wordpress
    • By Talomir
      АУДИО-БРАУЗЕР С СИНТЕЗОМ РЕПОРТАЖЕЙ
      Аудио-браузер и синтезатор репортажей Репортёр 007 позволяет просто вбить ключевые слова или поисковую фразу и начать слушать, веб-сайты как радиостанции с репортажами по запрашиваемой теме. Он сам делает поиск в интернете, озвучивает первые 100 сайтов по очереди, но вы можете перематывать воспроизведение взад и вперёд, останавливать на перерыв, перематывать в начало. Сайты в аварийном состоянии автоматически пропускаются.
      Репотёр 007 поддерживает запросы и сайты на русском и английском языках, определяя язык, что позволяет слушать сайты и на английском языке - если вам нужна практика в иностранном перед собеседованием или перед трудоустройством в компанию с требованиями к английскому языку.
      Репотёр 007 позволяет получать ответы на интересующие вопросы, например поднимут ли зарплату госслужащим в этом году, слушать новости по интересующей теме, быстро обучаться за несколько дней в основных направлениях предметной области, например - биоуправления или биоэлектрического управления, магнитной стимуляции мозга, нейростимуляции и нейромодуляции, идеологии кибер-безопасности и так далее. Он также позволяет, например, послушать рассказы или сказки для засыпания, сказки для взрослых или-же, вы можете сделать запрос сказок и оставить компьютер рассказывать сказки вашему маленькому ребёнку.
      Репотёр 007 подходит школьникам средних и старших классов для образования, студентам и аспирантам для расширения кругозора, работающим для автоматического чтения новостей и ответов на вопросы, и, также, родителям маленьких детей для автоматического нахождения сказок по словам и развлечения ребёнка - говорящий компьютер с репотёр 007 избавит вас от этой рутины.
      Программа позволяет и создавать простые аудио-репортажи по актуальным источникам. До второй версии в ней нет модуля автоматического рерайтинга материалов, но она позволяет писать звук веб-страниц и статей в файлы, что можно использовать для быстрого наполнения своего веб-сайта. Аудио-материал, полученный по интернет-статье, является своего рода рерайтом - подачей материала в другой форме, озвученной синтезатором речи.
      Для записи звука статьи в файл надо остановить программу, нажав "Стоп", кликнуть галочку "Звук" и кликнуть на правой панели сайт, статью с которого надо озвучить и которую вы перед эти проверили кликом и прослушиванием. Репотёр 007 автоматически создаст и файл со звуком на рабочем столе, продублировав произношение статьи в звуковой файл. Полученный формат WAV звукового файла можно без труда сконвертировать в MP3 онлайн! Не забудьте снять галочку "звук" перед пробой следующего материала. Включение записи автоматически создаёт новый звуковой файл на десктопе, с именем, построенным по словам запроса.
      Аудио-браузер Репотёр 007 основан на браузерном компоненте Chrome, синтезаторе речи от Microsoft, веб-поиске от DuckDuckGo и компонентах интерфейса Microsoft Visual Studio, за что автор приносит благодарности и уважение фирмам-производителям: мне осталось лишь собрать всё воедино и соединить компоненты! Программа абсолютно бесплатна для пользователей, работает под русской Windows 10.
      Качайте с сайта Технологии Боттинга 12 (гугл) или по этой ссылке

  • Member Statistics

    46,502
    Total Members
    3,128
    Most Online
    JamesAPatel
    Newest Member
    JamesAPatel
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.