Студопедия
Случайная страница | ТОМ-1 | ТОМ-2 | ТОМ-3
АрхитектураБиологияГеографияДругоеИностранные языки
ИнформатикаИсторияКультураЛитератураМатематика
МедицинаМеханикаОбразованиеОхрана трудаПедагогика
ПолитикаПравоПрограммированиеПсихологияРелигия
СоциологияСпортСтроительствоФизикаФилософия
ФинансыХимияЭкологияЭкономикаЭлектроника

Как вставить звук на html-страничку

Занятие 8 Звук на сайте | Форматы звуковых файлов | Создание звуковых файлов небольших размеров |


Если Вы дочитали до этого места, то, значит, вас уже ничто не остановит. И мне не останется ничего другого, как раскрыть эту тайну. Чтобы ваши вопли слушал весь мир. Надеюсь, он не оглохнет.

Знаете, вы будете смеяться, но звук в страничку вставляется точно также как и картинка. Только картинка имеет разрешение .jpg или .gif, а звуковой файл - разрешение тех форматов, которые я указала выше в таблице.

Вот я скачала файл Vernisaj.wav с музыкой "Ах, вернисаж" и поместила его в отдельную папку со звуками sound и напишу следующую строчку:

<a href="sound/Vernisaj.wav">Ах, вернисаж!</a>

И когда в окне браузера я нажму на ссылку

Ах, Вернисаж!

То сразу заиграет музыка. Красивая, между прочим!

А помните, я вам говорила про собачку, на которую можно нажать и она начнет гавкать? И вот перед вами ну очень свирепый пес, который открывает и закрывает пасть.


Просто собака

Посмотреть на эту собаку - так покажется, что она просто икает. И чтобы заставить ее гавкать я купила диск "1100 новейших профессиональных сэмплов" и отыскала там подходящий лай под файлом Dog.wav, сохранила его в своей папочке sound и написала следующую строчку:

<a href="sound/Dog.wav"> <img src="image/dog.gif"></a>

Попробуйте теперь ткнуть мышкой на собачку, только смотрите чтоб она вашу тыкалку не откусила!

А если вы боитесь тыкать в незнакомую собаку, вы можете управлять ею командой. Напишем эту команду на другой кнопочке, которую я нарисую и назову golos.jpg. Тогда код у нас будет такой:

<img src="image/dog.gif"> <br>
<a href="sound/Dog.wav"> <img src="image/golos.jpg"></a>

И вот вам результат! Ваша Жучка будет подавать голос, если только вы ее об этом попросите. А в остальное время будет молчать как рыба об лед!


В предыдущих случаях мы заставляли звук включаться по команде. Но ведь можно сделать так, чтобы музыка была фоном! Чтобы посетитель, хочет или не хочет этого слушал то, что мы ему хочем напеть на ушко. И это тоже можно сделать очень просто! Правда, действовать он будет только в Explorer, да и то начиная только со 2 версии. Остальные - отдыхают!

Для простоты понимания я возьму тот же файл Vernisaj.wav и размещу его следующим образом:

<BGSOUND SRC="sound/Vernisaj.wav">

В этом случае музыка проиграла один раз и остановилась! Но если вам этого мало, если вы думаете, что посетителю хочется еще раз послушать эту музыку, вы можете дать ему эту возможность! Вы даже решите, что пусть эта музыка играет подряд 3 раза! И тогда перепишете слегка код:

<BGSOUND SRC="sound/Vernisaj.wav" LOOP=3>

И будьте уверены, он будет прослушает эту музыку три раза!

Но если вам и этого мало, и вы захотите довести беднягу до белого каления, то можете смело написать строчку:

<BGSOUND SRC="sound/Vernisaj.wav" LOOP=INFINITE>

И будьте уверены! Эта музыка будет его преследовать днем и ночью. Только умоляю вас, не говорите ему, кто вас этому научил!!! А еще есть два интересных атрибута volume и balance. Первый отвечает за уровень воспроизведения звука, а второй - за стереобаланс. Volume может принимать значения от -10000 до 0. То есть его нельзя сделать громче, чем он есть, но вот приглушить - запросто! Balance - возможные значения от -10000 до 10000. Если мы выберем крайнее значение, то это приведет к тому, что будет звучать только один динамик.

Так что если мы напишем:

<BGSOUND SRC="sound/Vernisaj.wav" LOOP=10 VOLUME=0 BALANCE=0>

То услышим этот файл ровно 10 раз при максимальном звучании и нормальном стерео-балансе. Ну, а как же наивные посетители Netscape? Что ли они не хотят глохнуть? Дадим же им эту возможность! Напишем следущее:

<EMBED SRC="Vernisaj.wav" avtostart=TRUE hidden=TRUE>
<NOEMBED><BGSOUND="Vernisaj.wav">
</NOEMBED>
</EMBED>

Этим самым EMBED мы встроили в нашу страничку аудиоплейер. Этот элемент был введен впервые компанией Netscape, и с тех пор он поддерживается большинством браузеров, в том числе и Explorer. И вот, когда наша страничка будет загружаться, браузер, наткнувшись на EMBED подумает-подумает, да и загрузит панель проигрывателя с разными кнопками. А потом и звук запустит. И что радует, можно установить свои размеры (ширина и высота) этого проигрывателя с помощью атрибутов Width (Ширина) и Height (Высота), хочешь в пикселах, а не хочешь - в процентах.

Также есть атрибут autostart, который может принимать значения либо false (звук тогда включает пользователь), либо true, когда музыка начинает проигрываться сразу при открытии странички.

Ну, и последний атрибут - hidden. Если он имеет значение false, то панель выводится на экран, в противном же случае true - панель не видна, а значит попытки пользователя вырубить вашу музыку - тщетны. И у него только два пути - либо уйти со странички по-добру, по-здорову, либо попытаться найти создателя этого творения. И поговорить с ним "по душам".

А вот и примерчик:

<EMBED src="sound/Vernisaj.wav" width="300" height="50" autostart="false" title="Вернисаж"> </EMBED>

Ну вот, самое простецкое я вам рассказала. Я не собираюсь превращать этот урок в музыкальный салон. Во-первых, я не чувствую себя докой в этом деле, а во-вторых, нужно и другими уроками заняться. А в-третьих, боюсь увлечься этим делом и свихнуться. Всякое бывает. Поэтому я просто дам вам ссылки и вы, если уверены в своей психике, можете сами во всем разобраться.

Итак, подводим итоги:

Для прослушивания файлов в формате RealAudio необходимо, чтобы в системе был установлен проигрыватель RealAudio. Для создания файлов в формате RealAudio следует выполнить преобразование звуковых файлов в этот формат. Соответствующий кодер можено загрузить со страницы www.real.com

 

 


Дата добавления: 2015-10-02; просмотров: 60 | Нарушение авторских прав


<== предыдущая страница | следующая страница ==>
Невредные советы| Практическая работа 1

mybiblioteka.su - 2015-2024 год. (0.007 сек.)