Hvordan lage en lyd Button

Hvordan lage en lyd Button


Når du setter opp en multimedia nettsted, en av de mest populære formene for å legge til musikk eller lyd til din webside er å plassere en lyd-knapp på siden. En lyd-knappen lar besøkende til å lytte til musikk eller en lyd byte relevante for innholdet. Dette er spesielt nyttig når levere informasjon best forklares med lyd, for eksempel en vitenskap nettstedet forklarer fugl samtaler eller musikk området innføre ulike musikkinstrumenter. Det er flere måter du kan legge til en lyd-knappen på ditt nettsted. De brukte de involverer teknologi som Flash og Javascript.

Bruksanvisning

DHTML og Javascript

1 Last opp en lydfil i en katalog på ditt nettsted. Lydfiler inkluderer følgende formater: .wav, .mp3 og .mid.

2 Skriv inn Javascript og DHTML kode for å spille av lyd når "Play" knappen klikkes på Notepad:

<Script type = "text / javascript">

funksjon PlaySound (SURL) {

document.getElementById ( "soundspan"). innerhtml =

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

}

</ Script>

<Span id = soundspan> </ span>

<Form>

<Input type = "button" value = "Play" onclick = "PlaySound ( 'strawberry_fields.wav')">

</ Form>

Erstatt strawberry_fields.wav "med navnet på lydfilen.

3 Lagre filen som HTML og laste det opp i samme katalog som lydfilen.

Yahoo! Media Player

4 Last opp en MP3-fil i en katalog på ditt nettsted.

5 Åpne websiden der du vil sette inn lyd-knappen i Notepad eller en HTML-editor som CoffeeCup eller Dreamweaver.

6 Gå til Yahoo! S Media Player nettsted og kopiere Javascript-kode for sin mediespiller. Lim dette på siden der du vil sette inn lyd-knappen.

7 Skriv inn linken til din MP3-filen i HTML-koden på siden din slik:

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

Erstatt "http://mediaplayer.yahoo.com/example1.mp3" med link til lydfil og "First link" med navnet på linken din.

8 Lagre og teste siden. Når siden er lastet i nettleseren din, er en lyd-knappen automatisk generert av Yahoo! S script for besøkende å bruke.

Flash Audio Player

9 Last opp en MP3-fil i en katalog på ditt nettsted.

10 Last ned filene som trengs for Flash-spilleren på Audio Player nettstedet.

11 Pakk og laste opp filer til ditt nettsted.

12 Rediger siden der du vil legge til lydspiller knappen. Skriv inn koden for å inkludere "lyd-player.js" fil i <head> tag i HTML-siden og angi bredden på spilleren:

<Script type = "text / javascript" til katalogen der du lastet opp filene i forrige trinn.

1. 3 Skriv inn koden for audio knapp:

<P id = "audioplayer_1"> Alternative innhold </ p>

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

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

& Lt; / script>

Sett på lydfilen link til nettadressen hvor din MP3-filen er plassert.

14 Lagre og teste siden din.