• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

MP3 in HTML einbinden? Mit CSS?

  • Ersteller Ersteller Syndax
  • Erstellt am Erstellt am
Status
Für weitere Antworten geschlossen.
S

Syndax

Guest
Hallo,

Ich habe folgendes Problem. Ich will eine .mp3 Datei als Hintergrundmusik in eine HTML Seite einbinden.
Entweder sollte man die Lautstärke direkt so einstellen können das sie nicht zu laut ist oder mit eventuell einem Flash Player oder sowas einbinden damit man die Musik leiser machen kann.

Nur das Problem ist jetzt auch noch das die Musik ja bei jedem Seitenwechsel der Page direkt aufhört und wieder von vorne anfängt. Ich will also das sie durchläuft und nicht ständig aufhört und wieder anfängt sobald man auf die nächste Seite geht.

Wie kann ich das oben genannte und das mit dem neuladen hinbekommen?
Mit CSS Style eventuell?
Und wenn wie?

Ich würde mich sehr über Antworten freuen
 
also mit css hat das mal garnichts zu tun. mit css definierst du das aussehen deines dokuments.
imho lässt sich das vielleicht mit einem frame lösen. diesen machst du einfach 0% hoch oder breit und darin läuft dann die musik.
oder du machst die komplette seite mit flash, dann hast du das frameproblem nicht, die musik läuft auf der hauptzeitleiste und den content lädst du einfach in einen extra movieclip nach.
 
Also von Flash habe ich rein garkeine Ahnung^^

Das mit dem Frame gefällt mir schon besser. Nur wie kann ich einstellen das er diesen Frame nicht immer mit lädt?
Die Links so setzen das sie nur im Hauptfenster geöffnet werden und der Frame mit dem MP3 Player so bleibt?
 
mach deinen kompletten inhalt (ausser das mp3) in den sichtbaren frame, und bei den links gibst du dann eben immer den zielframe an. der andere frame bleibt dann davon unbeeinflusst.

mehr dazu findest du HIER
 
Frames? wie?

Ich habe mich knapp 2 Stunden dran versucht diesen Frame einzufügen.

Ich habe dann irgendwann versucht den Header als einen Frame zu machen und die Musik dort einzufügen.
Jedoch erfolglos da es noch nicht mal klappen wollte den Header in einen eigenen Frame zu bekommen.

Vielleicht könnte mir da jemand helfen.

Unter Syndax ::eSport::
wenn man auf der Hauptseite ist und bereits über die Startseite hinweg.

Der Quelltext der Home.html sieht so aus:
<head>
<title>Syndax ::eSport::</title>
<meta name="Description" content="www.syndax.eu ist die Seite für mehr E-Sport. Hier bekommt ihr die neuesten Infos rund um die ESL in Form von News, Bildern und Videos.">
<meta name="Keywords" content="syndax, e-sport, counter strike, esl, tabellen, ergebnisse, tv, css">
<meta name="Author" content="Philipp Kemp">
<meta name="Publisher" content="Philipp Kemp">
<meta name="Copyright" content="Philipp Kemp">
<meta name="Content-language" content="de">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="../mm_entertainment.css" type="text/css" />
<style type="text/css">
<!--
.Stil6 {font-size: 12px}
.Stil7 {color: #99CCFF; font-size: 12px; }
-->
</style></head>
<body bgcolor="#14285f">
<tr><td colspan="8"><br /> </td>
</tr>
<tr>
<td width="155" valign="top" height="370"><table border="0" cellspacing="0" cellpadding="0" width="155" id="navigation">
<tr>
<td width="155" height="40"><a href="http://www.syndax.eu/home.html">Home</a></td>
</tr>
<tr>
<td width="155" height="40"><a href="http://www.syndax.eu/news.html">News</a><a href="http://syndax.eu/phpBB2/index.php">Forum</a></td>
</tr>
<tr>
<td width="155" height="40"><a href="http://www.syndax.eu/syndaxtv.html">Syndax.TV</a></td>
</tr>
<tr>
<td width="155" height="40"><a href="http://www.syndax.eu/videos.html">Videoarchiv</a></td>
</tr>
<tr>
<td width="155" height="40"><a href="http://www.syndax.eu/gallery.html">Fotoarchiv</a></td>
</tr>
<tr>
<td width="155" height="40"><a href="http://www.syndax.eu/download.html">Downloads</a></td>
</tr>
<tr>
<td height="40"><a href="http://syndax.info/tinc?key=Lq2Fa7Mz&amp;start=-1&amp;reverse=1">G&auml;stebuch</a></td>
</tr>
<tr>
<td height="40"><p><a href="http://www.syndax.eu/newsletter.html">Newsletter</a></p> </td>
</tr>
<tr>
<td height="40"><a href="http://www.syndax.eu/impressum.html">Impressum</a></td>
</tr>
<tr>
<td height="40"><p>&nbsp;</p>
<p align="center"><strong>IRC: #syndax@Quakenet</strong></p> </td>
</tr>
</table></td>
<td width="1" bgcolor="#445DA0"><img src="../mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
<td width="50"><img src="../mm_spacer.gif" alt="" width="50" height="1" border="0" /></td>
<td width="304" colspan="2" valign="top"><br />
<table border="0" cellspacing="0" cellpadding="0" width="304">
<tr>
<td height="41" class="pageName"><p><a href="http://www.gamesports.de"></a> <a href="http://www.gamesports.de"><img src="../Werbebanner/gamesports2.jpg" width="468" height="60" border="0" /></a></p>
<p>Willkommen bei Syndax</p></td>
</tr>
<tr>
<td class="bodyText"><p>Ich freue mich das ihr den Weg auf meine Website gefunden habt und hei&szlig;e euch Herzlich Willkommen. </p>
<p><span class="subHeader">E-Sport Pur </span><br />
Bei mir bekommt ihr das Beste und Wichtigste aus der E-Sport Szene. Egal ob es um Tabellen, Ergebnisse, Bilder oder Videos geht ihr werdet sie hier bekommen.</p>
<p>Starten werde ich mit dem ganzen ab dem 1. Juli 2007 in der hei&szlig;en Sommerphase. Also seit gespannt und schaut mal &ouml;fter hier vorbei ;) </p>
<p>&nbsp;</p>
<p><span class="subHeader">Public TS2 Serverdaten </span></p>
<p>IP: 84.254.76.113:99111</p>
<p>&nbsp;</p></td>
</tr>
</table> </td>
<td width="50"><td width="200" valign="top"> <img src="../mm_spacer.gif" alt="" width="1" height="10" border="0" /><br />
<table border="0" cellspacing="0" cellpadding="0" width="216"> </td>
<tr> </tr>
<tr>
<td colspan="2" id="sidebarHeader" class="sidebarHeader" align="center"><p>Matchticker</p>
<p>Freitag 8. Juni 2007 </p></td>
</tr>

<tr>
<td width="40" height="46">&nbsp;</td>
<td width="176" class="smallText" id="sidebar"><p align="center" class="Stil6"><iframe src="http://www.syndax.eu/rss_reader.php" frameborder="0" scrolling="no" height="365" width="287"></iframe>

</td>
</tr>
<table width="100%" class="Stil2" valign="top"></p>
</td>
</tr>
</table>
<br /> </td>
<td width="200" valign="top"><img src="../mm_spacer.gif" alt="" width="1" height="10" border="0" /><br />
<table border="0" cellspacing="0" cellpadding="0" width="200">
<tr>
<td colspan="3" id="sidebarHeader" class="sidebarHeader" align="center"><div align="center"> -----N&auml;chste Sendung</div></td>
</tr>
<tr>
<td width="55"><div align="center"></div></td>
<td width="126" id="sidebar" class="smallText"><p align="center"><span class="Stil7">20:00 Uhr </span></p>
<p align="center"><img src="../Syndaxnews.jpg" width="133" height="117" /><br />
</p>
</td>
<td width="19">&nbsp;</td>
</tr>
</table>
<br />
</td>
</tr>
<tr>
<td width="155">&nbsp;</td>
<td width="1"></td>
<td width="50">&nbsp;</td>
<td width="194">&nbsp;</td>
<td width="110">&nbsp;</td>
<td width="50">&nbsp;</td>
<td width="200">&nbsp;</td>
<td width="100%">&nbsp;</td>
</tr>
</body>
</html>
Zum Vergrößern anklicken....
 
tut mir leid, aber ich werde dir jetzt nicht erklären, wie du mit Frames arbeitest..das musst du dir schon selbst beibringen

SELFHTML: HTML/XHTML / Frames / Framesets und Frames definieren

les dir das hier durch und du wirst verstehen, was die anderen meinen und wie sie es meinen.

wenn du das mit den Frames hinbekommen hast kannst du die mp3 Datei in diesem Tag hier einfügen

HTML: 
<embed src="pfad_zu_der_mp3_datei.mp3"
  width="200" height="100" hspace="30" align="left">

damit kann man zwar nicht die Lautstärke regeln aber man kann Pause und Stop drücken bzw vor und zurückspulen.

mfG Dark
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben