УРОК 1



	Меню Главная О себе Олимпиады Конкурсы Методические разработки ЕГЭ ОГЭ Обратная связь Копилка учителя Полезные уроки Статьи Тесты Программы Воспитательная работа Публикации Интернет-сообщества Техника безопасности Проекты Безопасный Интернет Раздел Вопросы и Ответы	Урок 1 Как сделать аудиопроигрыватель на сайте. Код на HTML5 <audio src="mysong.mp3" controls></audio> *Материал прошлых лет.* Adobe больше не поддерживает Flash Player с 31 декабря 2020 г. и предотвращает отображение Flash содержимого во Flash Player начиная с 12 января 2021 года. Поэтому SWF файлы больше не воспроизводятся ни в одном из основных веб - браузеров. * 1 способ: (самый простой) Создаем на сайте две папки player и audio. Скачиваем плеер здесь. Распаковываем архив и файл ump3player_500x70.swf помещаем в папку player. В папку audio помещаем файл с музыкой. Далее в том месте, где желаете видеть на сайте плеер, вставляем следующий код: Серый плеер <object type="application/x-shockwave-flash" data="http://infform.16mb.com/player/ump3player_500x70.swf" height="70" width="470"><param name="wmode" value="transparent" /><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="movie" value="http://infform.16mb.com/player/ump3player_500x70.swf" /><param name="FlashVars" value="way=http://infform.16mb.com/audio/Opa!.mp3& swf=http://infform.16mb.com/player/ump3player_500x70.swf& w=470&h=70&time_seconds=0&autoplay=0& q=&skin=grey&volume=100&comment=" /></object> То, что выделено красным цветом, то меняем на свое. Прописываете свой адрес сайта и название своего mp3 файла! То, что в коде выделено зеленым цветом , то это цвет плеера! Черный плеер <object type="application/x-shockwave-flash" data="http://infform.16mb.com/player/ump3player_500x70.swf" height="70" width="470"><param name="wmode" value="transparent" /><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="movie" value="http://infform.16mb.com/player/ump3player_500x70.swf" /><param name="FlashVars" value="way=http://infform.16mb.com/audio/Opa!.mp3& swf=http://infform.16mb.com/player/ump3player_500x70.swf& w=470&h=70&time_seconds=0&autoplay=0& q=&skin=black&volume=100&comment=" /></object> Красный плеер <object type="application/x-shockwave-flash" data="http://infform.16mb.com/player/ump3player_500x70.swf" height="70" width="470"><param name="wmode" value="transparent" /><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="movie" value="http://infform.16mb.com/player/ump3player_500x70.swf" /><param name="FlashVars" value="way=http://infform.16mb.com/audio/Opa!.mp3& swf=http://infform.16mb.com/player/ump3player_500x70.swf&w=470& h=70&time_seconds=0&autoplay=0&q=&skin=red& volume=100&comment=" /></object> 2 способ: На этом ресурсе собираем аудиоплеер http://flv-mp3.com/ru/ . Нажимаем кнопку "Собрать плеер" и следуем инструкции сайта. Там все предельно ясно. Все плееры из "способа 1" собраны на этом ресурсе. 3 способ: Заходим на сайт http://uppod.ru/auth/sign/ и регистрируемся на данном сайте. В корне своего сайта создаем три папки: styles , player и audio. Нажимаем на вкладку Собрать плеер ---> Скачать. Скачиваем плеер uppod.swf и распаковываем архив. Файл uppod.swf добавляем себе на сайт в папку player. Переходим на "Собрать плеер" ----.> "Конструктор", затем "Аудио", затем "Стили ", затем нажимаем на "+" и добавляем свой стиль, т.е. просто указваем его имя и нажимаем "ОК". Заходим опять "Собрать плеер" ----.> "Конструктор", затем "Аудио", затем "Стили " , нажимаем по названию своего стиля, а затем кнопку "редактировать". Настраиваем дизайн вашего аудио проигрывателя и сохраняем его. Вновь переходим на вкладку "Собрать плеер" - "Аудио" - "Стили" выбираем наш стиль и скачиваем его, кликнут по ссылке скачать Скачанный файл стилей теперь необходимо закачать в папку styles у себя на сайте. Обязательно нужно закачать звуковой файл, который Вы хотите проиграть, в папку audio к себе на сайт. Мoй звуковой файл называется pecenka.mp3. Теперь переходим во вкладку "Файлы", нажимаем на + и добавляем свой файл, указывая название, ссылку и стиль. Для моего сайта это выглядит так: http://infform.16mb.com/audio/pecenka.mp3 Нажимаем "файлы", "+", щелкаем по названию своего стиля, затем "код", "настройки". Указываем папку на своем сайте для стилей плеера. В моем случае: http://infform.16mb.com/styles/. Указываем папку на своем сайте для плейлистов плеера: http://infform.16mb.com/player/pl/. Указываем ссылку на плеер uppod.swf: http://infform.16mb.com/player/uppod.swf. Нажимаем "сохранить". Последний шаг к добавлению аудио на сайт, это копирование самого кода плеера. Чтобы забрать код, переходим по пути "Собрать плеер", затем "Аудио", затем "Файлы", выбираем нужный файл для проигрывания и нажимаем "Код" и копируем код "HTML c полной поддержкой IE". Теперь осталось вставить его к себе на сайт. Слушаем! Танцуем! Аналогично вставляется видео на сайт (урок 57** )
Персональный сайт учителя информатики Целищевой Елены Дмитриевны