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