Jump to content
  • 0

Редактирование тега <audio>


deekep
 Share

Question

Здравствуйте,хотел бы попросить о вашей помощи.Я делаю сайт,связанный с музыкой.Как сделать,чтобы при включении второго аудио трека выключался предыдущий? Иначе они воспроизводятся все вместе.Заранее спасибо!

Link to comment
Share on other sites

1 answer to this question

Recommended Posts

  • 0

все зависит от того как у вас все это сделано, но вы, к сожалению, не предоставили кода
подозреваю, что у вас рядом с каждым треком есть кнопка которая запускает audio, но его не нужно лепить рядом с каждым треком, его достаточно одного
например <audio id="player" src="" preload="metadata" autoplay="autoplay"></audio>, а в скрипте при нажатии на нужный трек, который может выглядеть так: <a href="/song.mp3" onClick="return player_play(this.href);">play</a>

function player_play(href)
{
  var player= document.getElementById('player');
  player.src = href;
  return false;
}

самый простецкий вариант http://jsfiddle.net/9hvqxyuc/

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Similar Content

    • By VolKTieR
      Здравствуйте.
      Имеется данный код:
      <audio id="audio">     <source src="audio/1.mp3" type="audio/mpeg"> </audio> <div class="fixedbut" id="sebut">Звук</div> <style> div.fixedbut { position: fixed;     bottom: 93%;     right: 20px;      display: block;      background: white;      border-radius: 10px;     color: black;      text-decoration: none;      padding: 6px 23px;     font-size: 17px ;     -webkit-transition: 0.33s all ease-out;      -o-transition: 0.33s all ease-out;      transition: 0.33s all ease-out;     z-index: 999; } div.fixedbut:hover {         background: grey;         color: white; } </style> <script> document.getElementById("sebut").onclick = function()     {       var myaudio = document.getElementById("audio");       if(myaudio.paused == true)       {         document.getElementById("audio").play();  }       else if (myaudio.paused == false)       {         document.getElementById("audio").pause(); }     } </script> <script>     $(document).ready(function(){       $(window).scroll(function () {         if ($(this).scrollTop() > 200)          {             $('div.fixedbut').fadeIn();        }         else          {             $('div.fixedbut').fadeOut();         }   })     }); </script>
       
      Кнопка плавающая, останавливает звук включенный другой .
      Со звуком проблем нет, но появление и исчезание кнопки при прокрутке не работает.
      Подскажите пожалуйста как сделать))
    • By deekep
      Здравствуйте, не могли бы мне помочь сделать дизайн элемента <audio>? 
    • By Sans
      Как сделать так, чтобы при включении аудио на сайте, уже включённое ранее аудио останавливалось? Они просто проигрываются вместе! 
    • By Omega24v
      Добрый вечер. Использую на сайте библиотеку MediaElement.js. Когда я размещаю более 5 плееров на странице, Chrome просто не подогружает страницу ( в основном стиля ), если четко 5 все работает  http://omega24v.esy.es/
      <div class="audio-player p1"> <h5><span>Darom Dabro</span> Darom Dabro </h2> <audio class="audio-player2" src="libs/html5-audio-player/media/DaromDabro-BL.mp3" type="audio/mp3" controls="controls"></audio> </div> $('.audio-player2').mediaelementplayer({ alwaysShowControls: true, features: ['playpause','progress','volume'], audioVolume: 'horizontal', audioWidth: 660, audioHeight: 65, iPadUseNativeControls: false, iPhoneUseNativeControls: false, AndroidUseNativeControls: false });
    • By book
      Как правильно написать ссылку для открытия плеера в новом окне если это возможно ,если нет то какой ближайший по простоте написания приём можно выполнить .
      Например есть рабочий плеер :
      www.runetmusic.ru/js/mediaplayer.swf
      есть рабочая прямая ссылка на аудио файл :
      www.runetmusic.ru/upload/159/7284dcddd81a54d06d0811ac269777dd.mp3
       
      К сожалению сайт который изготовлял такие ссылки postovoj.ru перестал работать.
       
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy