Комментарий: Воспроизведите звук на основе HTML5 Audio Elements jQuery Plugin, друзья, которые нуждаются в нем, могут ссылаться на него.
1. Несколько норг впередиКогда я учился в своем мечтательном университете, веб -сайт Flash казался немного популярным, и на флэш -сайтах с небольшим содержанием, различные звуковые эффекты всегда были незаменимыми. Некоторые из звуковых эффектов - это фоновая музыка, которая создает атмосферу, а другая часть - это интерактивные звуки, которые способствуют взаимодействию и улучшают опыт, такие как звуковой сигнал или гудение, когда кнопки нажимают или передаются. В то время на веб -страницах было мало звуковых взаимодействий далеко от Flash. Даже если бы это было, чтобы достичь совместимости, либо с помощью управления, либо путем взаимодействия со Flash (например, реализация взрыва звучания пуль, достигнутых цели в умственно отсталой игре, которую я писал ранее).
Маркс говорит нам, что все развивается, а девушки однажды станут молодыми женщинами, как и технологии. Например, генеральный директор Mozilla Гэри Квикс сообщил сегодня, что Firefox 5 будет официально выпущен 22 июня, всего через 3 месяца после выхода Firefox 4 - щелкните, чтобы просмотреть. С развитием и популярностью HTML5 многие эффекты, которые ранее были достигнуты с помощью FLASH, теперь могут быть легко реализованы на веб -страницах. Например, воспроизведение аудиофайлов. Эта статья будет немного повеселиться, так что эффект воспроизведения звуков, когда элемент прокачатся, легко достигнуто в соответствии с jQuery, основанным на аудио -элементах HTML5. Поэтому, что касается этой статьи и этой плагины, IE6 ~ 8-это жизнь соевого соуса и удержания группы, чтобы согреться.
2. Эффекты, ресурсы и использование
Как и слепые свидания, это очень важно для того, как выглядит другой человек, поэтому, если вы хотите увидеть истинное лицо Лушана, вы можете нажать здесь: Играйте в демо-мон Sound jquery
Вы можете увидеть вертикальную навигацию, аналогичную следующему в демонстрации:
Первая волна навигации, когда мышь быстро движется, всегда будет только один звук, как и призыв матери в моем сердце; В то время как мышь движется быстро, и навигация ниже играется с несколькими звуками, как фейерверки, как и призыв многих идолов в моем сердце.
Этот плагин jQuery очень прост и очень маленький, около 30 юаней, так зачем использовать зенитные оружие для борьбы с комарами? Итак, я не буду упаковать это. Если вы заинтересованы в сценариях, вы можете щелкнуть правой кнопкой мыши-[Target | Link] Сохранить как следующая ссылка: jQuery-audioplay.js
использовать
Во -первых, позвоните в библиотеку jQuery и этот файл сценария эффекта следующим образом:
<script type = text/javascript src => </script> _fcksavedurl => </script> _fcksavedurl => </script> _fcksavedurl => </script>
<script type = text/javascript src => </script>
Затем свяжите элементы, которые требуют от мыши воспроизводить звук. Имя метода: audioplay (), например, на странице демонстрации используется следующее:
$ ("#nav li"). audioplay ({
Имя: "Плейнсе",
urlmp3: "/study/media/beep.mp3",
urlogg: "/study/media/beep.ogg"
});
Очевидно, что невозможно воспроизводить звук без аудио -источника, поэтому аудио -адрес необходим в параметрах. Для конкретных параметров и связанных с ними инструкций, пожалуйста, обратитесь к таблице ниже:
Определение параметра по умолчанию
Nameaudioplay String, используемая для группировки. Используется, когда на странице есть несколько групп игровых элементов одновременно.
String urlmp3, этот параметр должен быть. Относится к адресу аудиофайла в формате MP3.
urlogg string, этот параметр должен быть. Относится к аудиофайловому адресу в формате OGG.
Clonefalse Boolean Type. Играет ли одна и та же группа элементов один и тот же источник звука.
Примечание: браузеры Firefox и Opera поддерживают Audio OGG Format, в то время как Webkit Core Browsers и IE поддерживают MP3 Format Audio.
Звуковые эффекты двух групп навигации на демонстрационной странице применяют все вышеперечисленные параметры, которые полностью используются следующим образом:
$ (function () {
$ ("#nav li"). audioplay ({
Имя: "Плейнсе",
urlmp3: "/study/media/beep.mp3",
urlogg: "/study/media/beep.ogg"
});
$ ("#Nav2 li"). Audioplay ({
urlmp3: "/study/media/beep.mp3",
Urlogg: "/study/media/beep.ogg",
Клон: Правда
});
});
3. Некоторые ноты в конце
Теперь браузеры, которые поддерживают аудио -элементы HTML5, следующие: Firefox 3.5+, Chrome 3+, Opera 10.5+, Safari 4+, IE 9+. В нашей волшебной стране IE6 ~ 8 все еще занимает большую часть мира. Вы можете подумать, что вещи в этой статье в настоящее время не имеют значения.
Тем не менее, в соответствии с принципом постепенного улучшения, взвешиванием коммунальной и ресурсной профессии, в этой статье также невозможно применить эту маленькую вещь в реальных проектах. Более того, со значительным увеличением объема установки Windows 7, ERA IE6 могла внезапно оказаться неожиданно. К тому времени вам может быть не слишком поздно, чтобы восполнить это. Это чувство исходит от моего нынешнего арендодателя, которому за шестьдесят или семидесятые. Хотя он в основном ничего не знает о компьютерах (просто посмотрите на запасы), его компьютер великолепен и красив, и, похоже, довольно интересно использовать систему Windows 7.
Используя преимущества технологии фронт-энда, вам нужно усердно работать, чтобы практиковать базовые навыки. В противном случае, когда придет прилив, его легко проглотят растущие новые технологии. Лично я чувствую, что это похоже на Японию после землетрясения, и огромное цунами собирается прийти ...
Упаковка и загрузка тестового кода