Hallo miteinander,
mich wurmt die frage... wie ich bei 10 seiten meiner homepage,
es so anstelle das die hintergundmusi weiter spielt und nicht bei der nächsten
seite aufhört! ich bin im klaren das ich die HMTL datei in den kopf der entsprechenden seite einbauen muss.


bitte um hilfe und danke im vorraus für antworten!

greetz


delmar67

Hallo delmar67,

willkommen im Forum

Es gibt zwei Möglichkeiten die Musik weiter laufen zu lassen.

Möglichkeit 1: Am einfachsten und unspektakulärsten geht es mit Frames. Frames kannst Du Dir vorstellen, wie eine HTML-Seite in einer HTML-Seite. Du bleibst ständig auf einer Seite und surfst durch das Frame.

Möglichkeit 2: Deutlich schwieriger aber auch interessanter ist Ajax. Mit Ajax lassen sich Seitenelemente oder ganze Teile dynamisch nachladen/austauschen. Auch bei dieser Methode bleibst Du immer auf einer Seite und wechselst nur die Elemente auf der Seite aus. Für Ajax sollte man allerdings etwas Kenntnisse in JavaScript und PHP mitbringen.

Das Problem mit Musik ist, dass diese bei einem Seiten-Reload immer neu geladen wird. Du musst also auf einer Seite bleiben, damit die Musik am Stück gespielt wird.

Viele Grüße
Spooner

P.S.: Ein gutes Beispiel für Ajax ist zum Beispiel netvibes.com. So krass wirst Du es zwar nicht brauchen aber nur um mal zu sehen, was mit Ajax alles möglich ist.

Inzwischen schließen sehr viele Leute die ich kenne -einschließlich mir- jede Seite die ungefragt Musik in die Welt brüllt, bevor diese richtig geladen ist.
Sowas nervt, weshalb ich davon grundsätzlich abraten würde!

Aber vielleicht sieht das die Klientel Deiner Seite anders
Grüße Grunzer

Moin,

bei der AJAX-Idee vom Spooner sollte man nicht vergessen, dass man das quasi nicht Suchmaschinenfreundlich bekommt. (Siehe z.B. A spider's view of Web 2.0.)

Weitere Möglichkeit wäre statt Frame ein Popup. Da wäre es allerdings sinnvoll, dass dies explizit vom Besucher per Klick geöffnet wird, sonst könnte es schnell Popup-Blockern zum Opfer fallen. Andererseits könnte man es ja auch aufwerten über Hintergrundgedudel hinaus

Grüße,
Thorsten

vielen vielen dank für eure antworten!!
habe die lösung gefunden...


grüße
delmar67

Wäre noch nett, wenn Du uns mitteilen könntest, wie Du es gelöst hast

Viele Grüße
Spooner

Zitat von seitzo

@FreewareGuide: Habs gelesen, also Ajax oder Frames, nur ohne Beispiele komm ich da nicht weiter.

Ich mache dann mal auch hier im Thema weiter, denn hierher passt es...

Wenn bei den Begriffen "AJAX/Frames" bei Dir nichts klingelt, dann behaupte ich mal schließen wir AJAX sofort als Lösung aus, das wird zu kompliziert.

Frames sind eine uralte und einfache, beherrschbare Technik - haben aber eine Menge Nachteile, wie jede andere Lösung dieses Problems auch, darum bleiben wir trotzdem dabei als einfachste. In einem Browser wird im Prinzip immer eine Webseite angezeigt, klickt man auf einen Link o.ä. gelangt man zur nächsten Seite, die wieder dargestellt wird im Browser. Das ist Dein Problem, die Musik wird jedes Mal als Bestandteil der darzustellenden Seite gesehen und neu angefangen. Frames unterteilen das Browser-Fenster, den Bereich in dem Deine Seite angezeigt wird noch einmal in einzelne Teile, die jeweils eine eigene Seite darstellen. Und dann kann man so programmieren, dass bei Klick auf einen Link (o.ä.) eben nur dieser Teil, dieser Frame ausgetauscht wird. Also kann man die Musik in einem anderen Teil/Frame laufen lassen und sie wird fortgesetzt.

Eine Grundeinführung kannst du hier lesen: Framesets und Frames definieren. Du nimmst also Deine bisherige Startseite (sagen wir "index.html") und nennst die um z.B. nach "main.html". Die "index.html" wird dann ein Frameset enthalten mit zwei Frames, idealerweise zwei Zeilen/"rows", das obere enthält die "main.html" und bekommt als Höhenangabe einen "*", das untere enthält eine neue Seite, in die Du Deinen Player setzt und der Du eine passende feste Höhe gibst (z.B. "90"). Also etwas in der Art:

<frameset rows="*,90">
    <frame src="main.html" name="main" />
    <frame src="music.html" name="music" />
</frameset>

Und jetzt kommt der komplizierte Teil der Aufgabe. Alle Links, die Du in Deinen Seiten integriert hast, die musst Du unterscheiden, ob sie weiterhin im Frame "main" bleiben sollen oder ob sie wieder das gesamte Browser-Fenster zur Verfügung bekommen. Dazu gibt man jedem Link das Attribut "target" mit dem Wert "main" oder dem in HTML vordefinierten "_self". Links, die wieder ins ganze Fenster sollen bekommen ein "_top". Das ist wichtig, weil sich auch im Browser die Adresse oben nicht ändert, solange Du im Frameset bleibst. Und für fremde Seiten ist es sowohl grob unhöflich als auch ggf. rechtlich nicht unproblematisch, Du gibst quasi fremden Inhalt als eigenen aus. D.h. eigene Links können im Frame bleiben, fremde (quasi u.a. alles was mit "http://" anfängt) nicht.

<a href="zweite-seite.html" target="_self">zweite Seite</a>,
<a href="http://www.netzwelt.de/" target="_top">Netzwelt.de</a>

Womit auch bereits ein Problem angedeutet ist. Du kannst nicht von außen auf eine andere Seite Deines Angebots verlinken und erwarten, dass auch diese sofort als Teil des Frameset und mit Musikuntermalung angezeigt wird. Genauso sind Suchmaschinen mit Frames nicht sonderlich per Du, denn wenn sie auf einen Inhalt verweisen können sie auch nur dorthin, nicht auf das umgebende Frameset verweisen. Und wenn Du zur Startseite verlinken willst stehst Du auch vor der Entscheidung auf "main.html" (um im Beispiel zu bleiben) zu verlinken, so dass eben ggf. nicht das Frameset geöffnet wird, wenn wer über z.B. Suchmaschine kam, oder einen Link zu "index.html" mit "target=_top" zu setzen, womit dann doch die Musik wieder neu geladen wird (ohne das Target würdest Du aber verschachtelt Frameset in Frameset öffnen, und dann mehrere Player parallel haben).

Du siehst, nicht einfach mit dem (für mich sowieso nervigen) Hintergrundgedudel.

Grüße,
Thorsten

Was mach ich, wenn ich den PLayer zwischen Logo und Kontakt haben will?
Hier meine Seite: Informationstechniker-Meister Thomas K. Seitz

Du kannst mit IFRAME statt FRAME arbeiten und nur den Teil unter der Navigation auswechseln, der Seitenrahmen inkl. Player, Navigation und (wenn es nicht variabel werden soll) "Teaserbild" bleibt in der "index.php". Vgl. SELFHTML: HTML/XHTML / Frames / Eingebettete Frames

Die Navigations-Links (bzw. andere Links im Rahmen müssen dann mit dem korrekten TARGET sein, also analog zum Beispiel oben hat der IFRAME den Namen und die Links im Rahmen das TARGET "main". In den Inhalten selbst gilt weiterhin, dass sowohl "main" als auch "_self" funktionieren, ich empfehle "_self" (eigentlich ist das auch das Standardverhalten, aber da ich wichtig finde, dass alle externen Links "_top" sind, finde zumindest ich hilfreich bei jedem Link stets explizit zu entscheiden, wie er sich öffnet).

Jetzt hab ichs so gemacht:

index.php

<!DOCTYPE html 
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
	<title>Informationstechniker-Meister Thomas K. Seitz</title>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
	<!--UTF-8 ist ein  moderner Zeichensatz mit dem fast alle Zeichen (wie ä,ö,ü etc) dargestellt werden können-->
	<link rel="stylesheet" type="text/css" media="screen" href="styles.css"/>
	<meta name="google-site-verification" content="bkUYkDbs0rOlABgiKOkHDasdD0aPVPzGjAwSR6XkS04" />
	<meta name="Author" content="Thomas Seitz" />
	<meta name="description" content="Die Website von Informationstechnikermeister Thomas Seitz, Elektronikprojekte" />
	<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png"/>
</head>
<body>
<div id="main-container">
	<div id="branding">
		<p id="contact-top">Tel. +49-7966-80 06 64<br/>Oder kontaktieren <br/>Sie mich mittels <br/><a href="kontakt.php">Kontaktformular</a></p>
		<p id="player">
			<object type="application/x-shockwave-flash" data="emff_standard.swf" width="110" height="34">
			<param name="movie" value="emff_standard.swf" />
			<param name="FlashVars" value="src=cool.mp3&amp;autostart=yes" />
			</object>
		</p>
		<img src="images/branding.png" alt="Thomas K. Seitz - Informationstechniker-Meister"/>
	</div>
	<div id="navigation">
		<ul>
			<?php include('inc_navi.php') ?>
		</ul>
	</div>
	<div id="teaserbild">
		<img src="images/teaserbild.jpg" alt="Bild: Elektronikplatine" title="Teaserbild"/>

	<iframe src="ueber_mich.php" name="über_mich" width="675" height="1200" frameborder="0"></iframe>
    	
	
</body>
</html>

ueber_mich.php

<!DOCTYPE html 
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
	<title>Informationstechniker-Meister Thomas K. Seitz</title>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
	<!--UTF-8 ist ein  moderner Zeichensatz mit dem fast alle Zeichen (wie ä,ö,ü etc) dargestellt werden können-->
	<link rel="stylesheet" type="text/css" media="screen" href="styles.css"/>
	<meta name="google-site-verification" content="bkUYkDbs0rOlABgiKOkHDasdD0aPVPzGjAwSR6XkS04" />
	<meta name="Author" content="Thomas Seitz" />
	<meta name="description" content="Die Website von Informationstechnikermeister Thomas Seitz, Elektronikprojekte" />
</head>
<body>
</div>
	<div id="inhalt">
		<div id="inhalt-haupt">
			<h1>Über mich</h1>
			<img class="foto" src="images/Thomas_Seitz.jpg" alt="Foto von Thomas Seitz" title="Thomas Seitz"/>
			<p>Wilkommen auf meiner Hompage. Ich bin Thomas KLaus Seitz und bin in Oettingen im schönen Bayern am 28.01.1986 geboren. Ich hab 2002 meinen Realabschluss gemacht und hab dann die Berufsfachschule für Informationselektronik besucht. Während dieser Zeit hab ich einen Vorvertrag für eine Ausbildung als Informationselektroniker (ehemals Radio und Fernsehtechniker) bekommen. 2006 hab ich schließlich meine Ausbildung zum Informationselektroniker abgeschlossen. Während meiner Ausbildung bei der Firma Nubert electronic, welche auch für die Herstellung von Lautsprecherboxen bekannt wurde, hab ich sämtliche Unterhaltungselektronik-Geräte repariert. Hier hab ich vor allem in der Fehlersuche von Fernsehern Erfahrung sammeln können. Auch SAT-Anlagen-Montagen gehörten hier zur täglichen Arbeit.</p>
			<p>Nach meiner Ausbildung begann ich bei der Firma Zeiss SMT AG als Justierer. Hier lagen meine Aufgaben in der Justage von Objektiven der Halbleiterfertigung.</p>
			<p>2007 begann ich als Elektroniker im Igenieurbüro ergo:elektronik. Hier lagen meine Aufgaben im Aufbau, Test, Inbetriebnahme und Fehlersuche an Hochspannungsnetzgeräten für Wanderfeldröhren. Wanderfeldröhren werden in Satelieten zur Verstärkung von Signalen eingesetzt.</p>
			<p>Zeitweise bin ich auch mit der Planung und Konzeption der Tontechnik in der Firma Label On als freier Mitarbeiter tätig.</p>
			<p>2007 hab ich vor der Handwerkskammer als kaufmänischer Fachwirt abgeschlossen, welche ich in Teilzeit abends besuchte. </br>2008 hab ich meinen Meister im Informationstechniker-Handwerk erworben. hier waren die Themen Auftragsplanung und Abwicklung, Betriebsführung, Kalkulation, Schaltungstechnik, Telekommunikationstechnik, Einbruchmeldeanlagen, Netzwerktechnik, Antennentechnik, Fernsehtechnik, Bürosystemtechnik und Kundenbetreuung</p>
			<p>Zurzeit bin ich Student an der Hochschule Aalen zum Elektronik-Igenieur.</p>
		</div>
		<div id="inhalt-sub">
			<h2>Mein Lebenslauf</h2>
			<table>
				<thead>
					<tr><th>Jahr</th><td>Tätigkeit</td></tr>
				</thead>
				<tbody>
					<tr><th>1986</th><td>geboren in Oettingen</td></tr>
					<tr><th>1996</th><td>Realschule</td></tr>
					<tr><th>2002</th><td>Berufsfachschule</td></tr>
					<tr><th>2003</th><td>Ausbildung Informationselektroniker</td></tr>
					<tr><th>2006</th><td>Firma Zeiss AG</td></tr>
					<tr><th>2007</th><td>Firma ergo:power GmbH</td></tr>
					<tr><th>2008</th><td>Informationstechniker-Meister</td></tr>
					<tr><th>2008</th><td>Firma label one GbR</td></tr>
					<tr><th>2009</th><td>Firma spaun GmbH, Leitung der Reparaturabteilung</td></tr>
					<tr><th>2009</th><td>Student an der Hochschule Aalen</td></tr>
				</tbody>
			</table>	
		</div>
	</div>
	<div id="fusszeile">
		<p>Copyright &copy; 2010 Thomas K. Seitz</p>
	</div>
</div>
</body>
</html>

Ich hab noch 2 Probleme

1. Ich hab jetzt 2 orangene Ränder, da das CSS auch auf das iframe zeigt.

2. Ich muss jedesmal die Höhe des iframes und somit des Textes wissen. Geht das auch anders.

Etwas mehr auf korrektes HTML achten wäre schon nicht schlecht: Der IFRAME-Inhalt fängt gleich mit "<body> </div>" an, das kann ja schon gar nicht.

1. Was heißt, das CSS zeigt auf das IFRAME? Da ich zum CSS keinen Quellcode sehe (online ist Dein geposteter Quellcode ja noch nicht) fällt auch raten schwer. Natürlich kann man alle Dateien mit der gleichen CSS-Datei gestalten, ohne dass sich das ins Gehege kommt...

2. Nein, das geht nicht anders (ohne Script-Umstände, ich gehe davon aus, dass Du in JavaScript noch nicht so bewandert bist), Du musst entweder von vornherein ausreichend Raum lassen oder es so einbinden, dass ein im IFRAME angezeigter Scrollbalken nicht stört (wobei letzteres eher die Ausnahme wäre, ist schwieriger). (Außerdem hatte ich ja von vornherein darauf hingewiesen, dass FRAMES nicht problemfrei sind, ich könnte noch weiter aufzählen, aber Du hast unterbrechungsfreie Soundberieselung als wichtiger bestimmt.)

Ansonsten, ich würde beim Name des IFRAME auf Umlaute (und Leerzeichen, Sonderzeichen - außer Binde-/Unterstrich -, Groß- und Kleinschreibung usw.) verzichten, muss kein Problem sein, aber sicher ist sicher. Warum "über_mich" (der Name einer Seite) und nicht z.B. "content" (allgemein für alle dort gedachten Inhalte) oder "inhalt" (wobei das als Name wegen gleichnamiger DIV-Id zu Verwechslungsgefahr führt)?

Grüße,
Thorsten

Problem hat sich gelöst:
Die Hintergrundmusik hab ich jtzt einfach nur in meiner Galerie, da sie dort nicht stört