Файл: ycheb/js_teach/liveaud.php
Строк: 324
<?php
include '../../config.php';
$title='Учебник JavaScript';
aut();
head();
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<phpl<TITLE>LiveAudio и LiveConnect</TITLE>
<BODY>
<h5><a href="contents.php">Оглавление</a> | <a href="lc.php">Назад</a>
| <a href="partapp.php">Вперёд</a> | <a href="bklast.php">Индекс</a></h5><HR><h1>Глава 16<BR>
<A NAME="1020017"></a>LiveAudio и LiveConnect</h1><p><A NAME="1020056"></a>
LiveAudio работает с LiveConnect. Используя LiveConnect, LiveAudio и JavaScript,
событие, которое может быть описано программно с использованием среды JavaScript,
может включать звуковое событие. Например, Вы можете создать альтернативный
интерфейс управления звуком, задержать загрузку sound-файла, пока пользователь
не щёлкнул кнопку, создать кнопку, производящую шум при щелчке по ней, или
создать звуковое подтверждения для действий интерфейса (заставить объект "проговаривать"
свои действия при щелчке мыши или перемещении над ним курсора). В этой главе
описано, как использовать JavaScript для управления встроенными LiveAudio-элементами.</p>
<p><A NAME="1020230"></a>В главе имеются следующие разделы:</p><ul><LI><A NAME="1020231"></a>
<A HREF="#1020064">JavaScript-методы для управления LiveAudio</a></LI><LI><A NAME="1020232"></a>
<A HREF="#1020098">Использование LiveAudio LiveConnect-методов</a></LI></ul>
<H2><A NAME="JavaScript Methods for Controlling LiveAudio"><A NAME="1020064"></a>
JavaScript-методы для управления LiveAudio</H2><hr><p><A NAME="1020065"></a>
LiveAudio предоставляет следующие JavaScript-методы управления. Чтобы эти методы
были доступны для JavaScript (и на web-странице), Вы обязаны внедрить LiveAudio-консоль (всё,
что эта консоль будет выполнять, она может даже быть скрыта) где-нибудь на странице.</p>
<ul><LI><A NAME="1020067"></a><CODE>play({loop[TRUE, FALSE or an INT]}, '{url_to_sound}')</CODE></LI><LI><A NAME="1020069"></a>
<CODE>pause()</CODE></LI><LI><A NAME="1020071"></a><CODE>stop()</CODE></LI><LI><A NAME="1020073"></a>
<CODE>StopAll()</CODE></LI><LI><A NAME="1020075"></a><CODE>start_time({number of seconds})</CODE></LI><LI><A NAME="1020077"></a>
<CODE>end_time({number of seconds})</CODE></LI><LI><A NAME="1020079"></a><CODE>setvol({percentage number - without "%" sign})</CODE></LI><LI><A NAME="1020081"></a>
<CODE>fade_to({volume percent to fade to, without the "%"})</CODE></LI><LI><A NAME="1020083"></a>
<CODE>fade_from_to({volume % start fade}, {volume % end fade})</CODE></LI><LI><A NAME="1020085"></a>
<CODE>start_at_beginning()</CODE></LI><LI><A NAME="1020087"></a><CODE>stop_at_end()</CODE></LI></ul>
<p><A NAME="1020088"></a>Следующие JavaScript-методы индикации состояния не управляют LiveAudio plug-in'ом,
но предоставляют информацию о текущем состоянии plug-in'а:</p><ul><LI><A NAME="1020090"></a>
<CODE>IsReady</CODE></LI><LI><A NAME="1020092"></a><CODE>IsPlaying</CODE></LI><LI><A NAME="1020094"></a>
<CODE>IsPaused</CODE></LI><LI><A NAME="1020096"></a><CODE>GetVolume</CODE></LI></ul>
<H2><A NAME="Using the LiveAudio LiveConnect Methods"><A NAME="1020098"></a>
Использование LiveAudio LiveConnect-методов</H2><hr><p><A NAME="1020099"></a>
В качестве пример использования JavaScript для управления LiveAudio plug-in'ом
можно заставить JavaScript воспроизводить звук. В следующем примере дан весь HTML, необходимый для этого.</p>
<PRE><A NAME="1020100"></a><HTML><br><BODY></PRE><PRE><A NAME="1020101"></a><EMBED SRC="sound1.wav"<br> HIDDEN=TRUE></PRE><PRE><A NAME="1020102"></a><A HREF="javascript:document.embeds[0].play(false)"><br>Play the sound now!</A></PRE><PRE><A NAME="1020103"></a></BODY><br></HTML></PRE>
<p><A NAME="1020104"></a>Вышеприведённый метод воспроизведения звукового файла, возможно, простейший, но
может создать много проблем. Например, если Вы используете массив <CODE>document.embeds</CODE>, JavaScript 1.0
будет генерировать ошибку, поскольку массив <CODE>embeds</CODE> является
элементом из JavaScript 1.1. Вместо использования массива <CODE>embeds</CODE> Вы
можете идентифицировать тэг <CODE><EMBED></CODE>, который Вы хотите
использовать в JavaScript, через использование атрибутов <CODE>NAME</CODE> и <CODE>MASTERSOUND</CODE>
в оригинальном тэге <CODE><EMBED></CODE>:</p>
<PRE><A NAME="1020105"></a><HTML><br><BODY></PRE><PRE><A NAME="1020106"></a><EMBED SRC="sound1.wav"<br> HIDDEN=TRUE<br> NAME="firstsound"<br> MASTERSOUND></PRE><PRE><A NAME="1020107"></a><A HREF="javascript:document.firstsound.play(false)"><br>Play the sound now!</A></PRE><PRE><A NAME="1020108"></a></BODY><br></HTML></PRE>
<p><A NAME="1020109"></a>Это значительно более внятный способ описания Вашего plug-in'а
в JavaScript, который может значительно уменьшить путаницу. Если, например, у
Вас имеются несколько звуков, внедрённых в HTML-документ, разработчику может
быть легче использовать атрибут <CODE>NAME</CODE>, чем массив <CODE>embeds</CODE>.
В предыдущем примере можно видеть, что используется атрибут <CODE>MASTERSOUND</CODE>
в тэге <CODE><EMBED></CODE>. Это сделано, потому что в любой момент, когда
атрибут <CODE>NAME</CODE> используется для обращения к LiveAudio,
соответствующий тэг с атрибутом <CODE>MASTERSOUND</CODE> также обязан быть предоставлен.</p><p><A NAME="1020110"></a>
Другой известный пример использования LiveConnect и LiveAudio - задержка
загрузки звука до тех пор, пока пользователь не щёлкнет кнопку "play". Это делается так:</p>
<PRE><A NAME="1020111"></a><HTML><br><HEAD><br><SCRIPT LANGUAGE="JavaScript"><br><!-- Скрываем JavaScript от старых браузеров</PRE><PRE><A NAME="1020112"></a>function playDeferredSound() {<br> document.firstsound.play(false,<br> 'http://url_to_new_sound_file/sound1.wav');<br>}</PRE><PRE><A NAME="1020113"></a>// --><br></SCRIPT></PRE><PRE><A NAME="1020114"></a></HEAD><br><BODY></PRE><PRE><A NAME="1020115"></a><EMBED<br> SRC="stub1.wav"<br> HIDDEN=TRUE<br> NAME="firstsound"<br> MASTERSOUND></PRE><PRE><A NAME="1020116"></a><A HREF="javascript:playDeferredSound()">Load and play the sound</A></PRE><PRE><A NAME="1020117"></a></BODY><br></HTML></PRE>
<p><A NAME="1020118"></a>Файл-заглушка <CODE>stub1.wav</CODE> загружается сравнительно быстро. (Описание
создания stub-файла см. на EmeraldNet LiveAudio <CODE><A HREF="http://emerald.net/liveaudio/" TARGET="_top">http://emerald.net/liveaudio/</a></CODE>.)
Метод <CODE>play</CODE> загружает sound-файл только при его (метода) вызове. В
этом примере sound-файл загружается только в том случае, если пользователь хочет его прослушать.</p>
<p><A NAME="1020121"></a>Web-дизайнерам может понадобиться создать совершенно новый интерфейс с помощью
LiveConnect LiveAudio.<br>Для создания альтернативной консоли для проигрывания звуков дизайнер может сделать следующее:</p>
<PRE><A NAME="1020122"></a><HTML><br><HEAD></PRE><PRE><A NAME="1020123"></a><SCRIPT LANGUAGE="JavaScript"><br><!-- Прячем JavaScript от старых браузеров</PRE><PRE><A NAME="1020124"></a>function playSound() {<br> document.firstSound.play(false);<br>}</PRE><PRE><A NAME="1020125"></a>function pauseSound() {<br> document.firstSound.pause();<br>}</PRE><PRE><A NAME="1020126"></a>function stopSound() {<br> document.firstSound.stop();<br>}</PRE><PRE><A NAME="1020127"></a>function volup() {<br> currentVolume = document.firstSound.GetVolume();<br> newVolume = (currentVolume + 10);</PRE><PRE><A NAME="1020128"></a> if (document.firstSound.GetVolume() == 100) {<br> alert("Volume is already at maximum");<br> }</PRE><PRE><A NAME="1020129"></a> if (newVolume < 90) {<br> document.firstSound.setvol(newVolume);<br> }<br> else<br> {<br> if ((newVolume <= 100) && (newVolume > 90)) {<br> document.firstSound.setvol(100);<br> }<br> }<br>}</PRE><PRE><A NAME="1020130"></a>function voldown() {<br> currentVolume = document.firstSound.GetVolume();<br> newVolume = (currentVolume - 10);</PRE><PRE><A NAME="1020131"></a> if (document.firstSound.GetVolume() == 0) {<br> alert("Volume is already at minimum");<br> }</PRE><PRE><A NAME="1020132"></a> if (newVolume > 10) {<br> document.firstSound.setvol(newVolume);<br> }<br> else {<br> if ((newVolume >= 0) && (newVolume < 10)) {<br> document.firstSound.setvol(0);<br> }<br> }<br>}</PRE><PRE><A NAME="1020133"></a>// --><br></SCRIPT><br></HEAD></PRE><PRE><A NAME="1020134"></a><BODY></PRE><PRE><A NAME="1020135"></a><EMBED <br> SRC="sound1.wav"<br> HIDDEN=TRUE<br> AUTOSTART=FALSE<br> NAME="firstSound"<br> MASTERSOUND></PRE><PRE><A NAME="1020136"></a><P><A HREF="javascript:playSound()">Play the sound now!</A></P><br><P><A HREF="javascript:pauseSound()">Pause the sound now!</A></P><br><P><A HREF="javascript:stopSound()">Stop the sound now!</A></P><br><P><A HREF="javascript:volup()">Increment the Volume!</A></P><br><P><A HREF="javascript:voldown()">Decrement the Volume!</A></P></PRE><PRE><A NAME="1020137"></a></BODY><br></HTML></PRE>
<p><A NAME="1020138"></a>Здесь проиллюстрировано, как Вы можете создать Ваш собственный метод управления sound-файлом.
Возможности здесь поистине безграничны; Вы можете использовать изображения и
обработчики <CODE>onClick</CODE> для симуляции Вашего собственного sound-плэйера.</p>
<h5><a href="contents.php">Оглавление</a> | <a href="lc.php">Назад</a>
| <a href="partapp.php">Вперёд</a> | <a href="bklast.php">Индекс</a></h5>
<hr></BODY></HTML>
<?php
echo gb.'<a href="../../ycheb">Учебники</a>'.div;
echo gb.'<a href="'.H.'enter">Прихожая</a>'.div;
foot(); ?>