|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
14.01.2017, 13:34 | #1 |
Новичок
Джуниор
Регистрация: 14.01.2017
Сообщений: 2
|
Помогите дописать скрипт аудио плейера
Это скрипт аудио плеера.
Нужен регулятор громкости и перемотка. // html5media enables <video> and <audio> tags in all major browsers // External File: http://api.html5media.info/1.1.8/html5media.min.js // Add user agent as an attribute on the <html> tag... // Inspiration: http://css-tricks.com/ie-10-specific-styles/ var b = document.documentElement; b.setAttribute('data-useragent', navigator.userAgent); b.setAttribute('data-platform', navigator.platform); // HTML5 audio player + playlist controls... // Inspiration: http://jonhall.info/how_to/create_a_...or_html5_audio // Mythium Archive: https://archive.org/details/mythium/ jQuery(function ($) { var supportsAudio = !!document.createElement('audio').c anPlayType; if (supportsAudio) { var index = 0, playing = false, mediaPath = 'audio/', extension = '', tracks = [{ "track": 1, "name": "Bey synok v kolokola", "length": "03:42", "file": "002 - 01_Bey, sinok, v kolokola" }, { "track": 2, "name": "Uhodyashemu v noch", "length": "04:46", "file": "002 - 02_Uhodyashemu v noch" }, { "track": 3, "name": "Devochki-venerochki", "length": "04:34", "file": "002 - 03_Devochki-venerochki" }, { "track": 4, "name": "Ulibka Charli", "length": "02:58", "file": "002 - 04_Ulibka Charli" }, { "track": 5, "name": "Gruppa riska", "length": "04:14", "file": "002 - 05_Gruppa riska" }, { "track": 6, "name": "Prinimaya yad", "length": "03:35", "file": "002 - 06_Prinimaya yad" }, { "track": 7, "name": "Koroleva blef", "length": "03:50", "file": "002 - 07_Koroleva blef" }, { "track": 8, "name": "Perestroykini vragi", "length": "04:56", "file": "002 - 08_Perestroykini vragi" }, { "track": 9, "name": "Ya jil, zabot ne znaya", "length": "03:08", "file": "002 - 09_Ya jil, zabot ne znaya" }, { "track": 10, "name": "Nad Rossiey", "length": "05:25", "file": "002 - 10_Nad Rossiey" }, { "track": 11, "name": "Frontovie pesni", "length": "05:54", "file": "002 - 11_Frontovie pesni" }, { "track": 12, "name": "Na to oni morya", "length": "04:41", "file": "002 - 12_Na to oni morya" }, { "track": 13, "name": "Vsyo mojet bit", "length": "13:17", "file": "002 - 13_Vsyo mojet bit" }, { "track": 14, "name": "Ya k tebe pridu", "length": "08:13", "file": "002 - 14_Ya k tebe pridu (instr. versiya)" }, { "track": 15, "name": "Okonchilos leto", "length": "07:03", "file": "002 - 15_Okonchilos leto (instr. versiya)" }], trackCount = tracks.length, npAction = $('#npAction'), npTitle = $('#npTitle'), audio = $('#audio1').bind('play', function () { playing = true; npAction.text('Сейчас играет...'); }).bind('pause', function () { playing = false; npAction.text('Пауза...'); }).bind('ended', function () { npAction.text('Пауза...'); if ((index + 1) < trackCount) { index++; loadTrack(index); audio.play(); } else { audio.pause(); index = 0; loadTrack(index); } }).get(0), btnPrev = $('#btnPrev').click(function () { if ((index - 1) > -1) { index--; loadTrack(index); if (playing) { audio.play(); } } else { audio.pause(); index = 0; loadTrack(index); } }), btnNext = $('#btnNext').click(function () { if ((index + 1) < trackCount) { index++; loadTrack(index); if (playing) { audio.play(); } } else { audio.pause(); index = 0; loadTrack(index); } }), li = $('#plList li').click(function () { var id = parseInt($(this).index()); if (id !== index) { playTrack(id); } $('.knopka').addClass('hidden'); $('.knopkas').addClass('visible'); }), play = $('#but').click(function () { var id = parseInt($().index()); if (id !== index) { audio.play(); } $('.knopka').addClass('hidden'); $('.knopkas').addClass('visible'); }), pause = $('#buts').click(function () { var id = parseInt($().index()); if (id !== index) { audio.pause(); } $('.knopka').removeClass('hidden'); $('.knopkas').removeClass('visible' ); }), loadTrack = function (id) { $('.plSel').removeClass('plSel'); $('#plList li:eq(' + id + ')').addClass('plSel'); npTitle.text(tracks[id].name); index = id; audio.src = mediaPath + tracks[id].file + extension; }, playTrack = function (id) { loadTrack(id); audio.play(); }; extension = audio.canPlayType('audio/mpeg') ? '.mp3' : audio.canPlayType('audio/ogg') ? '.ogg' : ''; loadTrack(index); } });js |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
как дописать скрипт | Шваблык | JavaScript, Ajax | 2 | 01.06.2012 20:42 |
Скрипт для аудио-плеера | alezha | Qt и кроссплатформенное программирование С/С++ | 16 | 26.05.2011 02:19 |
Необходимо дописать простой скрипт на PHP+Mysql | kutt | Фриланс | 8 | 08.10.2009 13:09 |
Необходимо дописать скрипт на PHP.... | kutt | Фриланс | 2 | 01.04.2009 20:50 |