Как вывести кнопку "Стоп"?
Страницы: 1
Как вывести кнопку "Стоп"?, Прописал атрибут "autoplay" но не знаю как вывести кнопку "Стоп"
Прописал атрибут "autoplay" но не знаю как вывести кнопку "Стоп" при проигрывание .mp3.  Но нужна только кнопка "стоп" без прокрутки, увеличения / уменьшение звука ...
lanzuta Ланцута, за небольшую плату могу дописать ваш плагин
Так пробовали?

Код
function stop() {
    var audioPlayer = document.getElementsByTagName('audio')[0]; audioPlayer.pause(); audioPlayer.currentTime = 0;
}
 

Или так:


Код
function stop() { var audioPlayer = document.getElementsByTagName('audio'); addEventListener('loadedmetadata', function() { this.currentTime = 0; }, false); }
 

А вообще вот рабочий пример

Кнопки
Код
    <input type="button" value="play" id="playBtn" />
    <input type="button" value="pause" id="pauseBtn" />
    <input type="button" value="stop" id="stopBtn" />

Javascript:
Код
 var source = "http://www.giorgiosardo.com/HTML5/audio/audio/sample.mp3"
    var audio = document.createElement("audio");
    audio.src = source;
    
    $("#playBtn").click(function () {  
            audio.play();
    });
    
    $("#pauseBtn").click(function () {
        audio.pause();
    });
    
    $("#stopBtn").click(function () {
        audio.pause();
        audio.currentTime = 0;
    });
Изменено: Александр - 8 Апреля 2015 19:30
Александр, спасибо за помощь но я использовал вот этот код.

---HTML---
Код
<audio autoplay id="lecteur"> 
<source src="сайт.ru/5.mp3" type="audio/mpeg"> 
Тег audio не поддерживается вашим браузером. <a href="audio/music.mp3">Скачайте музыку</a>.  
</audio>  
<li><a onclick="document.getElementById('lecteur').pause()" id='flipsound' href="#" title='Песня' >Песня</a></li>   
<li><a onclick="document.getElementById('lecteur').play()" id='flipsound2' href="#" title='Песня' >Песня</a></li>


---CSS---
Код
#flipsound2 { 
background-image: url(../images/icons/sound_on.png);} 
#flipsound { 
background-image: url(../images/icons/sound_off.png); }

Может кому-то пригодится
Страницы: 1
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
16:36 Реакция Поисковых систем на тексты, созданные нейросетями 
09:27 Простая тема Вордпресс 
09:20 продажа ссылок с ai-сеток в 26-м- тема рип или просто все молчат? 
09:16 Голод на биржах: Всё приличное уже выкуплено. Куда нести остатки бюджета? 
09:08 С чего сейчас проще начать? 
01:26 Трафик в минус, соцсети в топе - Завершено февральское обновление Google Discover 
00:05 WB и Ozon - новые "русские поисковики"? Яндекс теряет коммерческую выдачу 
11:25 CryptoGraph — Анонимный обмен криптовалют без KYC и AML 
11:19 Мониторинг обменников Сrypto-scout.io 
10:47 Курс по Продаже Ссылок в Буржнете !!! 
08:51 Monitex: Мониторинг с кэшбэком 80% в USDT 
00:06 BIGPROXY.SHOP - Резидентные Ротационные Backconnect Proxy USA EUROPA MIX [Безлимитный трафик] 
20:35 Mixmasters - Exchange without AML and KYC 
17:03 Nexulume.com Обменник без AML и KYC 
16:32 Добро пожаловать в цифровой мир... 
16:26 Смотри, птичка! Трамп вскрывает папки про НЛО 
09:27 Вместо золота - RTX 5090: почему кремний стал валютой на свадьбах 
08:38 Точные прогнозы на футбол 
09:20 Ставки на супер тренды в спорте 
05:58 Тройной агент Паша Дуров 
07:42 Помогите, пожалуйста...