Как вывести кнопку "Стоп"?
Страницы: 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)
Новые темыОбъявленияСвободное общение
01:46 Настроить поставщиков в программе E-Trade PriceList Importer 
15:26 Найти элемент в коде 
11:51 Bropush - твой бро в монетизации сайта push-уведомлениями 
03:12 Сайты-копипасты 
21:47 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 
09:59 Ошибка после размещения кода HTML! 
15:34 Adtrafico - Правильная партнёрская сеть под бурж трафик 
20:17 4G/LTE Mobile Proxy 30+ geo  
18:03 Обмен без AML и верификации Aztor.pro 
17:30 Комплексный прогон по трастовым сайтам, статейное размещение. Рост НЧ-СЧ, Тиц-пр. 
16:34 Phoenix - Выгодный обмен электронных валют, без верификации 
16:11 ZennoPoster - софт №1 для автоматизации любых SEO задач! 
13:30 Coin Click.cc - Быстрый и надежный обмен электронных валют в два клика 
13:22 Burzh.top|Партнерская программа под любой вид трафика (email, спам, УБТ) 
12:48 Каспкрски ОС 
11:21 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди 
01:05 Точные прогнозы на футбол 
14:41 Бесплатный мини-аудит юзабилити и конверсии + технический SEO-аудит в подарок 
15:24 Добро пожаловать в цифровой мир... 
22:58 У меня дикая просадка по РСЯ за последние 3 суток 
21:51 Linux - это максимальная свобода