folder
userbar

Tutorials

[Tutorial] Videos/Sounds einfügen z.B. auf die Startseite in Tutorials
von Bengt • ( Admin | Beiträge: 1.532 )

Bengt
Wolltet ihr schon immer ein selbst geschnittenes Video auf die Startseite eures Forums oder Homepage einfüge?!

http://www.youtube.com/v/8wpa2Qplm8M

Das Zauberwort heißt "embed"!!

wenn ihr das video bei z.B. YouTube hochladet, fügt ihr einfach den link so ein:
<embed src="http://www.youtube.com/....." type="application/x-shockwave-flash" width="425" height="350"> </embed>


Das <embed>-Element dient der Integration von Objekten in eine HTML-Seite.

Im einfachsten Fall besteht der code dafür nur:


<embed src="link zum Video" width="Breite" height="Höhe"></embed>


Wenn man sein Video nicht geraden bei einem Videohoster hochgeladen hat, fällt einem auf, dass noch viele Zusatzelemente wie Start- und Stoppbutton fehlen.

Zusatzoperatoren:

* ImageWindow = Präsentationsfenster
* All = alle Steuer- und Informationselemente
* ControlPanel = alle Steuerelemente
* PlayButton = Start- und Pauseknopf
* PlayOnlyButton = Startknopf
* PauseButton = Pauseknopf
* Stopbutton = Stoppknopf
* FFCtrl = Vorwärtsspulen
* RWCtrl = Rückspulen
* MuteCtrl = Ton-Aus-Knopf
* MuteVolume = Lautstärkeregler mit Ton-Aus-Knopf
* VolumeSlider = Lautstärkeregler ohne Ton-Aus-Knopf
* PositionSlider = Clipppositionsregler
* TACCtrl = Clippinformationsfeld
* HomeCtrl = Real-Logo
* InfoVolumePanel = Präsentationsinformationsfeld mit Lautstärke-regler
* InfoPanel = Präsentationsinformationsfeld ohne Lautstärkeregler
* StatusBar = Statusanzeige
* StatusField = Statusfeld
* PositionField = Positionsfeld

Erklärung an einem Beispiel:


<EMBED SRC="Link" CONTROLS="ImageWindow" HEIGHT=150 WIDTH=300 AUTOSTART=true / >
<EMBED SRC="Link" CONTROLS="StopButton" HEIGHT=26 WIDTH=26 AUTOSTART=true />



Durch "Controls" wird nun durch "Stopbutton" eine Schaltfläche zum Stoppen des Videos eingefügt!!


Zusätzlich kann man auch bestimmte Player aufrufen:

Beispiel der Realplayer:


<EMBED SRC="Link" type="audio/x-pn-realaudio-plugin" CONTROLS="ImageWindow" HEIGHT=150 WIDTH=300 AUTOSTART=true / >


Wie ihr den Shockwaveplayer startet seht ihr im Thread ganz oben im ersten Beispiel!

Auf ähnliche weise lassen sich auch Sounds einfügen.

Erstmal benötigt man einen Link zu einer Musikdatei:
Dann kann man diese einfahc durch:

<A HREF="Link.wav..">

einbinden.

Beispiel Sound (wav Format)

Nun wird der Sound abgespielt - man hat aber noch nicht große Auswahlmögichkeiten den Sound erneut abzuspielen oder zu stoppen.
Hier kommt wieder das "embed" ins Spiel, denn wie wir wissen lassen sich dadurch Elemente wie z.B. Buttons zum Spielen und Stoppen einfügen.


<EMBED SRC="soundlink" HEIGHT="100" WIDTH="200">

Dadurch wird ein 100x200 Pixel großer Player an der gewünschten Stelle der Seite erscheinen.

wer "embed" verwenden möchte, es jedoch vermeiden will, dass der palyer angezeigt kann folgenden code verwenden:


<EMBED SRC="soundlink" HIDDEN="TRUE" AUTOSTART="TRUE">


Hidden = "true" - bewirkt, dass die Anzeige des Players unterdrückt wird.
Autostart = "true" - bewirkt, dass die datei beim laden der Seite automatisch abgespielt wird.

true = wahr --> man setzt die Hidden und Autostart sozusagen wahr oder auf an.

eine Andere Möglichkeit den Sound automatisch zu starten währe:

<BGSOUND SRC="soundlink">


weitere Attribute:

LOOP - Anzahl, wie oft der Sound wiederholt werden soll
Starttime, Endtime - um die Datei zu einer bestimmten Zeit des Sounds zu starten
Small Console - Anzeige einer kleineren Abspielkonsole


"Informationelle Selbstbestimmung, freier Zugang zu Wissen und Kultur und die Wahrung der Privatsphäre sind die Grundpfeiler der zukünftigen Informationsgesellschaft."

25.06.2007 18:54


« [Tutorial] Sprung zum Seitenbeginn ohne Javascri [Wichtig] Wie schreibe ich ein Tutorial ? »

Aus Tutorials in einen anderen Bereich wechseln.

Online:

www.myhpm.de Suchmaschinenoptimierung mit Ranking-Hits
Antworten: 0 • Hits: 999
Neuestes Mitglied: Nobse
Forum als gelesen markieren | empfehlen
 
Xobor Ein Kostenloses Forum von Homepagemodules.de
Einfach ein Forum erstellen