Come creare un pulsante Audio suono

February 26

Come creare un pulsante Audio suono


Quando si imposta un sito multimediale, una delle forme più popolari di aggiungere suoni e musiche per la pagina Web sta mettendo un pulsante di suono audio sulla pagina. Un pulsante suono permette ai visitatori del sito di ascoltare musica o di un byte suono pertinenti al contenuto. Questo è particolarmente utile quando le informazioni fornire meglio spiegata con il suono, come ad esempio un sito di scienza che spiega le chiamate di uccelli o di un sito di musica introducendo diversi strumenti musicali. Ci sono diversi modi per aggiungere un pulsante di suono audio sul tuo sito web. Le più diffuse riguardano la tecnologia come Flash e Javascript.

istruzione

DHTML e Javascript

1 Carica un file audio in una directory sul tuo sito web. I file audio includono i seguenti formati: .wav, .mp3 e .mid.

2 Digitare il codice Javascript e DHTML per riprodurre l'audio una volta il tasto "Play" si fa clic su Blocco note:

<Script type = "text / javascript">

la funzione PlaySound (surl) {

document.getElementById ( "soundspan"). innerHTML =

"&lt;embed src='"+surl+"' hidden=true autostart=true loop=false>";

}

</ Script>

<Span id = soundspan> </ span>

<Form>

<Input type = valore "pulsante" = "Play" onclick = "PlaySound ( 'strawberry_fields.wav')">

</ Form>

Sostituire 'strawberry_fields.wav' con il nome del file audio.

3 Salvare il file in formato HTML e caricarlo nella stessa directory del file audio.

Yahoo! Media Player

4 Carica un file MP3 in una directory sul tuo sito web.

5 Aprire la pagina Web in cui si desidera inserire il pulsante audio in Blocco note o un editor HTML come CoffeeCup o Dreamweaver.

6 Vai al sito Media Player Yahoo! 'S e copiare il codice JavaScript per il suo lettore multimediale. Incolla questo nella pagina in cui si desidera inserire il pulsante audio.

7 Digitare il link del file MP3 nel codice HTML della pagina in quanto tale:

<a href="First"> http://mediaplayer.yahoo.com/example1.mp3">First collegamento </a>

Sostituire "http://mediaplayer.yahoo.com/example1.mp3" con il link al file audio e "Primo collegamento" con il nome del tuo link.

8 Salvare e verificare la pagina. Una volta che la pagina viene caricata sul vostro browser, un pulsante di audio viene generato automaticamente dallo script di Yahoo! 'S per i visitatori del sito da utilizzare.

Flash Player Audio

9 Carica un file MP3 in una directory sul tuo sito web.

10 Scaricare i file necessari per il Flash Player sul sito Audio Player.

11 Estrarre e caricare i file al tuo sito web.

12 Modificare la pagina in cui si desidera aggiungere il pulsante lettore audio. Digitare il codice per includere il file "audio-player.js" nel tag <head> della pagina HTML e specificare la larghezza del lettore:

<Script type = "text / javascript" alla directory in cui hai caricato i file nel passaggio precedente.

13 Digitare il codice per il pulsante audio:

<P id = "audioplayer_1"> contenuto alternativo </ p>

&lt;script type="text/javascript">

AudioPlayer.embed ( "audioplayer_1", {soundfile: "http://yoursite.com/path/to/mp3_file.mp3"});

& Lt; / script>

Sostituire il link soundfile per l'URL in cui si trova il file MP3.

14 Salvare e testare la vostra pagina.