X Course Advisor FREE Course Advisor
(Close)
Watch Tutorials
macProVideo.com
Close

Kostenlose Premium-Zugang

Rufen Sie unsere gesamte Bibliothek von Premium-Hub Artikel, Projekt-Dateien und die ersten 10% des jeweiligen Tutorial-Video aus dem Online-Tutorial-Bibliothek .

Erstellen Sie jetzt Ihren kostenlosen Zugang!

Die Zukunft des Web ist hier: Mit jQuery, HTML5 und CSS3, um Ihre Musik Online Market
  • Die Zukunft des Web ist hier: Mit jQuery, HTML5 und CSS3, um Ihre Musik Online Market

Übersetzt von Google Translate

jQuery ist eine JavaScript-Bibliothek, die von John Resig geschrieben, die es einfach, interaktive Web-Anwendungen machen lässt. jQuery hat die Fähigkeit, Code aus anderen Javascript-Dateien zu laden, um an die Benutzerfreundlichkeit wie interaktive Menüs, Formulare, Animationen und Elemente der Benutzeroberfläche zu schaffen. In der Tat kann jQuery bevölkern eine Webseite mit Komponenten, die Sie programmatisch zu definieren. Es ist eine sehr kompakte und vernünftige Sprache zu arbeiten und Sie können sie für die Anzeige Ihrer Musik-und Video für das Web, um Erfahrungen zu nutzen.

In diesem Beispiel werde ich Ihnen zeigen, wie man die jQuery-Plugin Zyklus zu nutzen, um eine einfache Diashow mit steuernden Parameter Geschwindigkeit machen und Fade in / out. Mit dieser grundlegenden Technik abgeschlossen haben, können Sie Ihre Website schnell und bequem zu erweitern.


01 - jQuery

Abbildung 1 zeigt einen Screenshot einer Webseite läuft die jQuery-Code. Dieses baut auf der früheren Post I zeigt, wie die neuen Audio-Element in HTML5 nutzen eingereicht. Code Listing 1 zeigt die aktuelle Datei in seiner Gesamtheit. Sie können ein Beispiel für das Ergebnis unter diesem Link ansehen:

http://www.electronicmusic101.com/jqslideshow.html .

Figure 1: A div showing one of 5 rotating images, with an audio element and html5 multimedia “trophy” logo, rendered in Safari

Abbildung 1: Ein div zeigt eine von 5 Drehen von Bildern, mit einem Audio-Element und HTML5 Multimedia-Pokal-Logo, dargestellt in Safari

Sie können die jQuery Cycle Plugin hier herunterladen http://jquery.malsup.com/cycle/ . Von diesem Punkt, es ist nur eine Frage der Öffnung photoshop oder Ihre Bild-Editor der Wahl, um die Größe und die Namen der einzelnen Bilder in der Diashow zu definieren.


02 - HTML5 Annahme

Browser wie der Internet Explorer noch nicht über die Fähigkeit, das Schema der neuen HTML5-Standards analysiert. Ein Schema ist nur eine andere Art zu sagen, dass es einen Sinn und Verstand, um die Teile einer Kollektion. Die Teile von HTML5 bestehen aus Elementen, die Suchmaschinen, Browsern und Web-Entwickler einen Sinn zu geben.

Moderne Browser wie der webkit Familie von Mozilla Firefox, Safari und Firefox sind für die Zukunft der Web-Entwickler bereit Bedürfnisse durch die Annahme der HTML5-Standards vor der Spezifikation des World Wide Web Consortium (W3C) zugelassen ist. Zum Glück für uns als Multimedia-Entwickler, sind wir in der Lage, das Publikum über das Internet mit Rich Media und interaktive Erlebnisse für unsere Audio-und Video präsentieren zu erreichen, bei gleichzeitiger Verbesserung unserer Suchmaschinen-Optimierung (SEO), um das Publikum zu erweitern.

Wie das Web übertrifft die Berichterstattung über TV-und Radioprogramme, wird es immer wichtiger für die Künstler, die Macht des Internets nutzen, um diejenigen, die Gemeinsamkeiten mit sich selbst haben, zu erreichen. Zusammenarbeit durch Web-Anwendungen wie Facebook und Twitter verbessern können Ihre horizontale und vertikale Reichweite. Das heißt, Sie erhöhen nicht nur die Zahl der erlernten Fähigkeiten, sondern kann auch Ihr Verständnis für diese Fähigkeiten durch die Erforschung Techniken auf dem Internet gefunden zu vertiefen und können Ihre Beiträge zu diesen Ressourcen legen, die Erleichterung des Lernens im globalen Maßstab.


03 - Weniger ist mehr

Bilder sagen mehr als tausend Worte, wie sie sagen, und in der Regel Benutzer erwarten, um herauszufinden, warum Ihre Website ist interessant, innerhalb von wenigen Sekunden Ihre Website besuchen. Wie viele von uns beurteilen, Musik von den ersten Takten, die wir hören?

Jeder Texteditor kann genutzt werden (auch Notepad oder einem Texteditor), um den erforderlichen Code für die Herstellung einer Webseite mit Multimedia-Inhalten zu erstellen. Als Code-Listing 1 vermuten lässt, sind eine Reihe von Bildern geladen und angezeigt über den Browser, mit definierten Abmessungen und verschiedene andere Parameter. Es gibt nahezu unbegrenzte Möglichkeiten für die Präsentation Ihrer Inhalte im Web, aber diese Optionen lassen sich in drei Haupt-Technologien organisiert werden: CSS, JavaScript und HTML.

Beachten Sie in Befehlsauflistung 1 ( Befehlsauflistung 1 Download ), dass img_1.jpg eine bestimmte Größe ist. Dies muss die tatsächliche Dimension des Bildes entsprechen, so dass Code nach Ihren Bildern Größe aktualisiert werden sollte, versteht sich. In der Tat sind viele JavaScript-Bibliotheken wie diese, sie die wichtigsten Routinen enthalten, warum Sie auf die Homepage zu verhalten gewisser Weise, aber lassen Sie ein paar Parameter, die Sie an Ihre individuellen kreativen Bedürfnissen angepasst werden kann.


04 - Die Zukunft des Web

Auch wenn immer vertraut mit JavaScript würde eine Lebensdauer von produktiver Arbeit in den Web-Design-Bereich liefern, können Sie müssen nur eine kleine Teilmenge von JavaScript, um ihr Potenzial zu nutzen verstehen.

Zukünftige Technologien wie CSS3 ermöglicht es Ihnen, Ihre bestehenden Adobe Flash Fähigkeiten in allen modernen Browsern zu übertragen, auch für jene, die keine Flash!

Sie können copy / paste den Code aus Code-Listing 1 in den Text-Editor Ihrer Wahl und laden Sie sie auf Ihren Web-Host, um aufzustehen und schnell mit diesem jQuery Slideshow. Ich benutze Äpfel Mobile Me-Service für das Hosting meiner Webseite, aber in einem späteren Artikel, auch zu diskutieren, wie Sie Ihre eigenen Webhost zu schaffen!


05 - Seiten-Struktur

Für Anfänger Entwickler ist es wichtig zu verstehen, dass eine Webseite funktioniert nur, wenn die Bilder, JavaScript und andere Dateien in den richtigen Ordnern sind. Alle html-Dateien sollten in das Root-Verzeichnis sein, das heißt, das Verzeichnis, das alle anderen enthält.

Die tragende Struktur einer Webseite, in einer Nußschale ist einen Kopf und einen Körper, in einem HTML-Container verpackt. Im Kopfbereich können Sie JavaScript-und CSS-Code direkt einfügen und in den Körper legen Sie die sichtbaren und hörbaren Medien wie Bilder, Video und Audio in verschiedenen Formaten.


06 - Der soziale Aspekt

Ich bin der Meinung, dass eine Web-Seite sollte sehr einfach für einen Künstler, um Stücke der Arbeit mit einer minimalen Investition durch den Betrachter zu präsentieren. In anderen Worten, es sollte wenig up-front Aufwand im Erleben der Kunstwerke, die Sie erstellen und veröffentlichen im Web ausgegeben werden. Dies liegt daran, die wahrgenommene Qualität der Kunstformen höchst subjektiv für uns als Menschen sind, und keine 2 Personen können auf die gleiche Weise zu einem Kunstwerk zu reagieren. Musik ist eine sehr emotionale Kunstform, und der Hörer kann ganz besonders über die Art des Gefühls, dass die Musik spielt.

Mit dem Web zu einem sozialen Ort mehr und mehr, eine einfache Diashow mit ein wenig Musik im Hintergrund sorgt für eine nette Abwechslung in einer belebten Umgebung, sei es arbeiten oder spielen. In der Tat kann ein Abschnitt einer Webseite sichtbar gemacht in einem anderen Abschnitt der anderen Web-Seite sein. Dies ist die Essenz von Web-Anwendungen, wie auf Internetseiten im Gegensatz, dass es eine austauschbare Leistungsfähigkeit Ihrer Inhalte im Web, um die Exposition und Usability in vielen Zusammenhängen zu multiplizieren. Zum Beispiel kann einer Nachrichten-Website in der Lage sein, direkt auf die neueste Stück von Ihrer Website, die einen bestimmten Bereich von Interesse oder neue Version präsentiert.


07 - einen Schritt weiter

Als Ihr Verständnis dafür, wie Web-Seiten verhalten sich detaillierter, können Sie damit beginnen, mehr anspruchsvolle Web-Seiten zu entwickeln und vielleicht sogar zu produzieren Seiten für andere Künstler in einem kollektiven wie ein Netz-Label oder sogar einen vollwertigen Produktionsbetrieb. Anschließend können Sie Ihre Inhalte in den Handel oder Syndizierung in der digitalen Domäne. Viele youtube Einreichungen haben Hunderttausende von Dollar nur aus der Werbeeinnahmen neben den Medien platziert sich verdient! Stellen Sie sich vor, wie viele Möglichkeiten Ihre Inhalte nur durch Integration in das World Wide Web zugegriffen werden kann. Es ist ziemlich überwältigend, wenn man wirklich innehalten und darüber nachdenken, wie schnell Inhalte redundant verteilt online.

Das nächste Mal werde ich die Einzelheiten, wie etwa das Hinzufügen Ihrer Inhalte im Web, indem Sie sich den Schritten, die ich durch gegangen, um meine eigenen Web-Server einrichten, so dass Sie und ich können Webseiten für Freunde und Kunden zu schaffen gehen, während Vermeidung der erheblichen Kosten, die auflaufen, wenn die Einstellung einer Gesellschaft zu Ihrer Website für Sie übernehmen können.

Ich hoffe, dass Sie in der Lage, diese jQuery Slideshow Technik benutzen, um Ihre Web-Seiten zu verbessern, oder einfach nur um den Meilenstein von Hinzufügen von eigenen Inhalten im Web mit Ihren eigenen Händen erreichen. Das Web ist warten, jetzt ... shine!


Download Code Listing 1 Here.

Andrew Turner

Andrew Turner | Articles by this author

Andrew Turner, founder of Deep Life Records (deepliferecords.com ), has released music on N*Soul Records (LA, CA), PWM Records (Australia), Giant Squid (SD), subVariant (CHI, IL) and has remixed and produced tracks since Windows 95's plug-n-play feature was all the rage. His new project under the alias JahWarrior is inspired by the artists from the Blood and Fire label from the early 70?s, who used innovative methods of production using the mixing desk itself to produce "effect motifs" such as feedback loops, and creatively manual automation on the sends. Andy is also highly influenced by the likes of Orb and Autechre, who employ on-the-fly and stochastic, algorithmic, generative methods in music production. He has performed at festivals such as LifeLight Festival, Cornerstone Festival, has hosted a brief residency at Brazil in NOLA, Club Pompeii in Phoenix, and promoted house parties and club events in the Mid-West when he was a young'in. Currently he is using max for live, reaktor, processing, arduino, and open sound control with multi-touch interfaces like the iPad and monome. His niece Ruth sometimes assists him in the studio with her new Casio SA-45.

Comments

You must be logged in to post a comment.
Create an Account  Login Now

What is macProVideo.com?

macProVideo.com is an online education community featuring Tutorial-Videos & Training for popular Audio & Video Applications including Adobe CS, Logic Studio, Final Cut Studio, and more.
© 2018 macProVideo.com
a division of NonLinear Educating Inc.
Link