Erstellen von HTML-5-Templates

WAS IST EIN HTML-5-TEMPLATE?

Ein HTML-5-Template zeigt Inhalte von RSS-Feeds an. Es wird konstant upgedatet, so dass immer das letzte Update angezeigt wird. Mit genügend Progammier-Erfahrung können Sie ihr eigenes erstellen, Sie können aber auch uns ein HTML-5-Template für Sie erstellen lassen.  Hier erfahren Sie mehr darüber.

Voraussetzungen

Vorgaben/Voraussetzungen für Widget-Hintergrund:
Hintergrund Video (1920 x 1080)
Vorschau Video (533 x 300)
Vorschau-Bild – Stufen (1280 x 720)
Vorschau-Bild (320 x 180)
SMIL (Beispiel für SMIL für Widget)
.wgt (das eigentliche Widget)
Anforderungen/Voraussetzungen für die Widget-Programmierung
Das Plugin iaWidget.js sollte im Widget enthalten sein. Ohne dieses Plugin wird nichts auf dem Screen angezeigt.

ANFORDRUNGEN

Script-Sprache: Javascript, jQuery, CSS3 und HTML5.
Große Links immer auf dem Server entpacken.
Kleinere Feeds (z.B. RSS Feeds) können über den Transcoder auf dem Server entpackt werden.
Wenn das Widget bereit ist, sollten alle nötigen Dateien im Widget gezippt werden. Anschließend kann die Endung von .zip auf .wgt geändert werden.

EINBETTEN INS NARROWCASTIN SYSTEM

Wenn Sie Das Template fertig erstellt haben, können Sie es an das Support Team schicken, damit es ins System geladen werden kann. Gehen Sie folgendermaßen vor:
1.Vorschau(en) hochladen
2. Füllen Sie vorgegebenen Bereiche aus
3. Nur .wgt-File und Background-Video hochladen und im SMIL ablegen.
4. Variablen erstellen.
5. Parameter für SMIL eingeben.
6. Preview-Steps hochladen.

SAMPLE FILES

[google-drive-embed url=”https://docs.google.com/a/notice.nl/uc?id=0Bznpg41Cr0w-QXhPenRWUFZROEU&export=download” title=”nu-headlines.zip” icon=”https://ssl.gstatic.com/docs/doclist/images/icon_9_archive_list.png” style=”download”]
[google-drive-embed url=”https://docs.google.com/a/notice.nl/uc?id=0Bznpg41Cr0w-TnVfbGh3dkhDZG8&export=download” title=”Healthcare_Text_PicLeft.zip” icon=”https://ssl.gstatic.com/docs/doclist/images/icon_9_archive_list.png” style=”download”]

SAMPLE SMIL

<!– NU ZAKELIJK WIDGET START–>
<par dur=”20s”>
<ref src=”http://manage.easyscreen.tv/uploads/widgets/471/zakelijk10.wgt” type=”application/widget” region=”zakelijk”>
<param name=”logContentId” value=”zakelijk10.wgt”/>
<param name=”timeout” value=”4000″/>
<param name=”timeoutSOC” value=”5200″/>
<param name=”number” value=”%number%” />
</ref>
<video src=”http://manage.easyscreen.tv/uploads/widgets/471/nu-zakelijk_fond.mp4″ region=”video” />
</par>
<!– NU ZAKELIJK WIDGET END –>
Um die Dateien für die Erstellunge runter zu laden, klicken Sie hier.

Teilen Sie Ihre Dateien mit uns
Nachdem Sie die After Effects Datei erstellt haben, können Sie diese an den Kundenservice schicken und sie kann kostenpflichtig in das Narrowcasting System implementiert werden.

Was this article helpful?

Related Articles