84
edits
→Audio/Video einbinden
| Line 78: | Line 78: | ||
* Domain extra kaufen | * Domain extra kaufen | ||
* [http://pages.github.com kostenlos bei github hosten] und [https://help.github.com/articles/setting-up-a-custom-domain-with-pages die Domain einrichten] | * [http://pages.github.com kostenlos bei github hosten] und [https://help.github.com/articles/setting-up-a-custom-domain-with-pages die Domain einrichten] | ||
==Audio/Video einbinden== | |||
===Einfach=== | |||
Auf [http://youtube.com youtube] oder [http://vimeo.com vimeo] hochladen, dort den HTML-Code ('Embed') kopieren und in die eigene Seite einfügen. Am besten immer auch einen normalen, direkten Link zur entsprechenden Seite des Videos unter das eingebettete Video tun, auf manchen Geräten geht das Einbetten nicht zuverlässig oder es gibt eine extra App für den Videodienst, …. | |||
'''Vorteil''': Zusätzliche Zuschauer durch eingebaute soziale Netzwerke | |||
'''Nachteil''': Alle deine Besucher laden nicht nur von dir Daten, sondern auch von dem Videodienst, meist also aus den USA. | |||
===DIY=== | |||
====Konvertieren==== | |||
Es gibt leider nicht 1 Format, das von allen Browsern unterstützt wird. Zur Zeit ist die beste Kombination jeweils: | |||
Audio: '''OGG''', '''''AAC''' (optional)'', '''MP3''' | |||
Video: '''MP4''' und '''WebM''' | |||
* [http://www.mirovideoconverter.com Miro Video Converter (MiroVC) herunterladen] | |||
* MiroVC installieren. ''Windows-User aufgepasst'': schön die Häkchen wegblicken, die eine "tolle" Browser-Toolbar installieren wollen | |||
* [[File:miro-video-converter_1-settings.png]] | |||
* [[File:miro-video-converter_2-mp4.png]] | |||
* [[File:miro-video-converter_3-clear.png]] | |||
* [[File:miro-video-converter_4-webm.png]] | |||
====Einbetten (HTML)==== | |||
[https://developer.mozilla.org/docs/Web/HTML/Element/audio <'''audio'''> tag doku] | |||
<source lang="html5"> | |||
<audio controls="controls"> | |||
<source src="audio.ogg" type="audio/ogg"><!-- Picked by Firefox --> | |||
<source src="audio.aac" type="audio/aac"> <!-- Picked by Safari --> | |||
<source src="audio.mp3" type="audio/mpeg"> <!-- Hopefully picked by anything else --> | |||
<!-- Only shown if it can't be played --> | |||
I'm sorry; your browser doesn't support HTML5 video. Maybe <a href="http://browsehappy.com">get a new one</a>? | |||
</audio></source> | |||
[https://developer.mozilla.org/docs/Web/HTML/Element/video <'''video'''> tag doku] | |||
<source lang="html5"> | |||
<video controls> | |||
<source src="video.ogg" type="video/ogg"> <!-- Picked by Firefox, Chrome --> | |||
<source src="video.mov" type="video/quicktime"> <!-- Picked by Safari --> | |||
<!-- Only shown if it can't be played --> | |||
I'm sorry; your browser doesn't support HTML5 video. Maybe <a href="http://browsehappy.com">get a new one</a>? | |||
</video> | |||
</source> | |||
=="Hardware": Minicomputer, Löten…== | =="Hardware": Minicomputer, Löten…== | ||