Spieluhr
Dies ist ein einfaches Projekt, das die interessierten Teilnehmer führen wird, um eine Jukebox (Spieluhr) Website mit einfachen HTML (Hyper Text Markup Language) Tags zu bauen.
Anwendungsbereich[Bearbeiten]
Diese Website ermöglicht es Benutzern, die Lieder, die auf der Website angezeigt werden und so das ganze Projekt kann auch eine Jukebox Website-Projekt aufgerufen werden spielen. Das Projekt ist sehr einfach und damit der Code war, einer Mindest entblößen, um die Komplexität Spiegel niedrig zu halten. Es ist einfach Teil eines funktionierenden Code, das getestet wurde, die für die Funktionalität erweitert werden kann. Aber eigentliche Trick liegt in Dinge einfach zu halten noch macht sie stabil.
Schlüsselpunkt[Bearbeiten]
Website-Syntax[Bearbeiten]
Ich habe den Code unten gegeben-
<html>
<head>
<title>Jukebox</title>
</head>
<body>
<h1><center><span style="color:Red;">Jukebox</span></center></h1>
<table cellpadding="6" border="0" width="900">
<tr>
<td>
<span style="color:green; font-size:large;">Song 1 for today</span>
</td>
</tr>
<tr>
<td>
<embed src=" C:\Users\music\MusicCollection1\song1.wav" autostart="false"
loop="false" volume="60"/>
</td>
</tr>
<tr>
<td>
<span style="color:green; font-size:large;">Song 2 for today</span>
</td>
</tr>
<tr>
<td>
<embed src="C:\Users\music\MusicCollection1\song2.wav" autostart="false"
loop="false" volume="60"/>
</td>
</tr>
</table>
</body>
</html>
Code-Implementierung[Bearbeiten]
Dieser Code muss als solche in einer Editor-Datei kopiert werden. Diese Datei muss dann mit einer .htm-Erweiterung gespeichert. Dann nutzen Sie Chrome Web-Browser, um die Datei zu öffnen und dann auf einem hellgelben Box, die in der oberen rechten Teil des Bildschirms angezeigt wird, und wählen Sie die erste Option, die sagen werden 'Immer erlauben Plug-Ins auf .... ".
Dies ermöglicht Quick Time Player-Plug-Ins, um die Spieluhr mit Steuerelementen, die verwendet werden können, um zu spielen oder die Musik unterbrechen und stellen Sie die Lautstärke der Musik zu zeigen. Eine sehr wichtige Sache, die im Auge behalten werden, während Sie tippen den Song-Adresse in das HTML-Code braucht, ist, dass nur die ’.wav’” Musikdateien lassen gespielt. Also, wenn Songs gespielt mit diesem Code muss dann haben sie alle in nur WAV-Format vorliegen. Video-Songs können nicht durch Ausführen dieses Codes wiedergegeben werden. Es gibt viele Online-Audio-Format-Konverter Websites, die verwendet werden, um das Audioformat der einen Song umwandeln, um .wav-Format werden. Einige der am häufigsten zur Verfügung Websites:
- (1) Online-Umwandeln.de - https://mp3-zu-wav.online-umwandeln.de/ (Deutsch)
- (2) Convert.Files - http://www.convertfiles.com/convert/audio/WMA-to-WAV.html (Englisch)
- (3) Online-Converter.com - http://audio.online-convert.com/convert-to-wav (Englisch)
- (4) Zamzar - http://www.zamzar.com/convert/mp3-to-wav/ (Englisch)
In dem obigen Code hat die Adresse des Liedes als Beispiel erwähnt. Um die Adresse des Songs müssen Sie den Song zu springen und rechts klicken Sie darauf erhalten. Danach wählen Sie bitte die letzte Option im Content-Menü aufgerufen Eigenschaften. Kopieren Sie die direkt vor dem Ort Titel angegebene Adresse und fügen Sie ihn vor 'embed src ='. Dann fügen Sie eine '\' und ohne irgendwelche Raumtyp der genaue Name des Liedes. Am Ende des Namens, fügen Sie bitte ‘.wav’ ohne jeden Raum zu verlassen.
Über die Jukebox Website[Bearbeiten]
Die ganze Website mit HTML-Tags gebaut und es ist als nichts anderes als eine große Tabelle definiert. Wenn wir die Grenze Option gleich 1 in der Tabelle-Tag, dann werden wir feststellen, dass eine Grenzlinie wird die ganze Seite zu umgeben. Da es nur eine Web-Seite hat daher können wir nennen es als "eine website.
Für jede Option in einer Tabelle anzuzeigen, zuerst eine Zeile mit Hilfe begonnen </ tr> und dann die Option, indem Sie </ td> Tags unmittelbar nach erwähnt und in der ersten Zelle der Zeile angezeigt die Zeilen Tags.
Weitere Songs kann durch Hinzufügen von weiteren Zeilen (tr und td-Tags beziehungsweise) hochgeladen werden. Aus technischer Sicht ist diese Website beinhaltet statische Bindung und nicht die dynamische Bindung. Statische Bindung bedeutet, dass, um die Änderungen wird eine Person haben, die gesamte HTML-Code ändern zu machen, speichern Sie es und dann wieder auf der Website angezeigt werden, während der Ausführung des geänderten Code. Da es sich um ein einfaches Projekt, ist statische Bindung eine sehr praktikable Option, aber wie der Code immer mehr und mehr komplizierter als dynamische Bindung geworden machbar. Wenn Sie daran interessiert sind, mehr über HTML-Tags, dann können Sie auf die Seiten, die ich unten erwähnt beziehen, sind:
- (1) HTML Dog - http://htmldog.com/guides/html/beginner/
- (2) w3schools.com - http://www.w3schools.com/html/
- (3) HTML.net - http://html.net/
Look und Feel der Website[Bearbeiten]
Da die Quick Time Player Box hat eine weiße Farbe hat daher, um die Website schön aussehen und vorzeigbar der Hintergrund muss entweder in weiß oder weißer Farbe gehalten werden. Dieser Farbkontrast ist erforderlich, da der Code ist einfach und nicht viel Veränderung getan worden, um die Farbe des Quick Time Player Box einstellbar zu machen. Der Hintergrund und die Hintergrundfarbe der Webseite können geändert werden und so muss es ausgewählt werden, während die passenden Farbkontrast im Auge. Auch die Display-Titel zum ersten Quick Time Player Feld und den Kasten selbst in zwei verschiedenen Reihen gelegt. Es ist sehr viel möglich, sie in der gleichen Zeile, indem man sie in verschiedenen Zellen einstellen, aber dann die Ausrichtung möglicherweise nicht, dass vorzeigbar genug sein. Solche kleinen Veränderungen kann das Make sein oder brechen Faktor, um die Website schön aussehen und so etwas mehr Aufmerksamkeit braucht, um ihnen gegeben.
Anwendungen[Bearbeiten]
Ein solches Projekt kann viele Anwendungen haben:
- (1) Es kann verwendet werden, um eine bessere und robustere Webseite, im Intranet eines Unternehmens zum Zweck der Unterhaltung verwendet werden kann gebaut werden
- (2) Es kann auf einem College-Intranet als Online-College-Radio verwendet werden
- (3) Es kann als Add-on zu einer anderen Website verwendet werden und fügen Sie mehr Wert auf die gesamte Funktionalität dieser Website
- (4) Es kann verwendet werden, um zu laden und Song Wiedergabelisten, die von den interessierten Besuchern gespielt werden kann angezeigt warden
Bewertung[Bearbeiten]
Ich habe ein paar Fragen unten für alle, die daran interessiert sind, ihr Wissen, nachdem sie durch den Inhalt geprüft sind gegeben:
- (Q1) Was sind die wichtigsten Punkte, die man braucht, um im Auge zu behalten, während der Vorbereitung dieser Art von einer Website?
- (Q2) Wie kann man weiter auf die Robustheit und Gebrauchswert dieser "eine website" zu improvisieren?
- (Q3) Können Sie mehr Anwendungen für diese Art von Projekt?
- (Q4) Hat dieses Projekt erhalten Sie daran interessiert, mehr HTML? Wenn ja, wie viel davon haben Sie gelernt?
Vorbereitung und Betreiber Raman Kumar hochgeladen