Hier ist mein HTML Testareal
Hier ein Tutorial ein Midi-File in die Site einzubauen
gefunden bei:
http://www.angelfire.com/fl5/html-tutorial/music.htm
the embed html
below is the example html code for the embed tag
<embed
src="soundfile.mid" hidden="false" border="0" width="310" height="45" autostart="true" autoplay="true" loop="true" volume="75%">
use the example html source code above to play audio on your webpage, here's a break down of the example html source code
how embed works
how the embed attributes work
src="soundfile.mid" the url of the file
(src="http://www.whatever.com/soundfile.mid")
hidden="false" shows the controls
hidden="true" hides the controls
width="310" height="45"
the dimensions of the control measured in pixels, play around with these
autostart="true" autoplay="true"
if set to true play automatically on load
autostart="false" autoplay="false"
if set to false do not play
loop="true" if false play once only, if true repeat constantly
volume="75%" set the volume as a percentage
Versuch mit eigenem Webserver
HTML-Versuch
<HTML>
<HEAD>
<TITLE>Your Title Here</TITLE>
</HEAD>
<BODY BGCOLOR="FFFFFF">
<CENTER><IMG SRC="clouds.jpg" ALIGN="BOTTOM"> </CENTER>
<HR>
<a href="http://somegreatsite.com">Link Name</a>
is a link to another nifty site
<H1>This is a Header</H1>
<H2>This is a Medium Header</H2>
Send me mail at <a href="mailto:support@yourcompany.com">
support@yourcompany.com</a>.
<P> This is a new paragraph!
<P> <B>This is a new paragraph!</B>
<BR> <B><I>This is a new sentence without a paragraph break, in bold italics.</I></B>
<HR>
</BODY>
</HTML>
Link Name is a link to another nifty site
This is a Header
This is a Medium Header
Send me mail at support@yourcompany.com.This is a new paragraph!
This is a new paragraph!
This is a new sentence without a paragraph break, in bold italics.
Test mit Lilypond-html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <!-- header_tag --> <HTML> <body> <p> Dokumente für lilypond-book können Noten und Text frei kombinieren. Zum Beispiel <lilypond> \relative c'' { a4 b c d } </lilypond> </p> <p> Noch etwas LilyPond, mit Optionen: <lilypond fragment quote staffsize=26 verbatim> a4 b c d </lilypond> </p> </body> </html>
Dokumente für lilypond-book können Noten und Text frei kombinieren. Zum Beispiel \relative c'' { a4 b c d }
Noch etwas LilyPond, mit Optionen: a4 b c d
Quellcode aus OpenOffice
Eine einfachste html-Seite.
Hier ein bisschen Text und ein LilyPond-Schnipsel in OpenOffice eingefügt.
Das Ganze als html-File abgespeichert anschließend im Browser (Safari) den Quellcode kopiert und in Jimdo eingesetzt....
so einfach funktioniert das soweit....
Michael