[Tutorial] Videos/Sounds einfügen z.B. auf die Startseite in Tutorials
von
Bengt
• ( Admin | Beiträge: 1.532 )
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:
Das <embed>-Element dient der Integration von Objekten in eine HTML-Seite.
Im einfachsten Fall besteht der code dafür nur:
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:
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:
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:
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.
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:
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:
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
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


