Search the Community
Showing results for tags 'audio'.
-
Появляющаяся кнопка включения/выключения аудио при скроллинге
VolKTieR posted a question in Web-site Development
Здравствуйте. Имеется данный код: <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> Кнопка плавающая, останавливает звук включенный другой . Со звуком проблем нет, но появление и исчезание кнопки при прокрутке не работает. Подскажите пожалуйста как сделать)) -
Здравствуйте,хотел бы попросить о вашей помощи.Я делаю сайт,связанный с музыкой.Как сделать,чтобы при включении второго аудио трека выключался предыдущий? Иначе они воспроизводятся все вместе.Заранее спасибо!
-
Как сделать так, чтобы при включении аудио на сайте, уже включённое ранее аудио останавливалось? Они просто проигрываются вместе!
-
Добрый вечер. Использую на сайте библиотеку 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 });
-
Как правильно написать ссылку для открытия плеера в новом окне если это возможно ,если нет то какой ближайший по простоте написания приём можно выполнить . Например есть рабочий плеер : www.runetmusic.ru/js/mediaplayer.swf есть рабочая прямая ссылка на аудио файл : www.runetmusic.ru/upload/159/7284dcddd81a54d06d0811ac269777dd.mp3 К сожалению сайт который изготовлял такие ссылки postovoj.ru перестал работать.
-
Имеется вот такой плеер http://jsfiddle.net/...active/YwfLf/7/ Мне нужно было разделить каждый трек в свой класс music, но сделав это перестали работать клавиши переключений треков(стрелочки вверх вниз), я знаю что можно сделать переключение методом отбора по id, но у меня нет знаний чтобы это реализовать, еле как сделал закрытие плеера..... прошу вас помоч
-
Делаю плеер на HTML5. Возникла проблема: файлы с одного левого сервера (на моём всё работает прекрасно, просто пробую ему файлы с других серверов скармливать) воспроизводить отказывается, выдавая ошибку MEDIA_ERR_SRC_NOT_SUPPORTED. Посмотрев, что отвечает сервер, увидел, что он отдаёт файл с MIME-типом application/x-download. Попробовал вместо атрибута src в теге указывать путь к файлу через тег <source> с указанным типом — воспроизводить всё равно не хочет, хотя выдавать ошибку почему-то перестал. Залил тот же проблемный файл себе на сервер — воспроизводится. Можно ли как-нибудь обмануть браузер и заставить воспроизводить файл независимо от указанного на сервере типа?
-
Учусь верстать под html5/css3+js, недавно увидел на дежурка.ру кучу бусплатных psd-шников с дизайном аудио плееров, решил что будет отличной практикой, пока почти готов один(http://wiic.ru/work_players/), сейчас берусь за вот этот: Если есть желающие попрактиковаться и заодно пополнить своё портфолио - добро пожаловать, пишите, как бы вы реализовали тот или иной psd-плеер из представленных. От себя же могу предоставить возможность выкладывать их все на ту же страничку с вашей подписью и ссылкой на ваши контакты(с вашего позволения, естественно). PS: важна именно вёрстка, а не работоспособность, хотя это тоже является обязаностью front-end разраба, но все же, для новичков, как мы, важнее именно внешняя схожесть с макетом.
-
Здравствуйте. Уже несколько дней ломая голову над одной проблемой. Есть сайт, который работает на isotope (masonry). В одним из блоков помещается аудио плеер (jwplayer). Вместе все работает исправно. Но встала задача перевести сайт на ajax переключение страниц. Для того, чтобы после перехода на страницу с masonry блоки вставали на своим месте, подключил повторную инициализацию скрипта после .load(): $('#main').isotope({ itemSelector : '.post-item', masonry: { columnWidth: 390 } }); Переинициализация работает, однако блок с аудиоплеером перестал отображаться. Причем при загрузке страницы он появляется на доли секунд, а затем исчезает, т.е. ведет себя так, будто ему присвоено свойство css visibility:hidden. Сам плеер выводится не через javascript, а через <oblect><param><embed></object>, поскольку при работает ajax подгружаемые вместе со страницами скрипты не исполняются после исполнения функции .load(). Я никак не могу понять, почему блок с плеером исчезает. Firebug подтверждает, что все присутствует. Если удалить переинициализацию mysonry после .load(), плеер снова видим, однако блоки не выравниваются по решетке. Помогите советом!