No description
Find a file
2016-03-25 13:12:28 +01:00
assets show last conference & relive on startpage 2015-12-30 23:08:19 +01:00
configs eh16 config & style 2016-03-25 13:12:28 +01:00
lib fix sign for days-ago-countdown 2015-12-30 19:52:08 +01:00
model fix all-closed display 2016-01-17 12:28:19 +01:00
template fix schedule display with unknown rooms 2016-03-25 13:12:07 +01:00
view show last conference & relive on startpage 2015-12-30 23:08:19 +01:00
.gitignore add swp/save files and thumbs-folder to gitignore 2015-11-13 19:48:17 +01:00
.htaccess use php-based lesscss compiler 2015-10-05 17:28:23 +02:00
50x.html switched from c3voc to uppercase C3VOC 2015-12-25 21:19:52 +01:00
404.html switched from c3voc to uppercase C3VOC 2015-12-25 21:19:52 +01:00
build.htaccess Only Apply mod_expires rules if it is available in Apache 2015-03-08 15:46:05 +01:00
build.sh Fix Build-Script for LessCSS 2015-03-08 15:46:33 +01:00
config.php fix comment wording 2015-12-23 14:27:50 +01:00
index.php add audio-only multiview 2015-12-28 11:26:17 +01:00
README.md switched from c3voc to uppercase C3VOC 2015-12-25 21:19:52 +01:00

C3VOC Streaming-Webseite

Dies ist der Code für die Streaming-Webseite unter streaming.media.ccc.de, welche vom C3VOC benutzt wird, um Live-Video- und -Audio-Streams von diversen Konferenzen im Internet zu präsentieren. Die Idee hinter diesem Projekt ist es, eine generische Codebasis zu haben, die mit wenigen Konfigurationsoptionen und ein paar CSS-Rules an die Gegebenheiten und die Gestaltung der Konferenz angepasst werden können.

Setup

Das Setup beim VOC besteht aus einem Hidden-Master-Server, welcher den PHP-Code in einem nginx ausführt. Dahinter kommen n Frontend-Caches, wobei für kleine Events n eigentlich fast immer =1 ist. Für große Events (Camp, Congress) können wir aber sehr einfach weitere Frontend-Caches bei verschiedenen Hostern hinzu deployen.

Zur Vorbereitung einer Konferenz oder zur Weiterentwickelung der Seite ist es hilfreich, sich das Teil lokal aufzusetzen. Am einfachsten geht das mit 'nem Apachen, denn die beiliegende .htaccess konfiguriert das URL-Rewriting gleich richtig. Bei nginx muss das in der globalen nginx.conf ungefähr so eingestellt werden:

location / {
    rewrite /(.*) /index.php?route=$1 last;
}

Abweichend von der Default-Config muss in PHP das Flag short_open_tag = On gesetzt werden.

Konfiguration

Die Seite kann für mehrere parallel laufende Konferenzen gleichzeitig verwendet werden. Jede Konferenz wird über einen Ordner unterhalb von configs/conferences konfiguriert. In diesen Ordnern können jeweils folgende Dateien abgelegt werden, welche das Verhalten bzw. die Gestaltung der jeweiligen Konferenzseite bestimmen, im Folgendem am :

  • config.php steuert das Verhalten der gesamten Konferenzseite. Diese ist ausführlich dokumentiert und sollte sich selbst erklären.
  • download.sh Wird von einem Cronjob in regelmäßigen Abständen zum Herunterladen von schedule.xml-Dateien und anderen Drittkonfiguration verwendet.
  • main.less steuert die Gestaltung der Konferenzseite.
  • weitere Assets wie .png oder .svg-Dateien, die aus der main.less heraus referenziert werden können.

Deployment (auf der VOC Infrastruktur)

ssh voc@live.ber
cd /srv/nginx/streaming-website
git fetch origin
git checkout <branch>

sudo sh -c 'rm -rf  /srv/nginx/cache/streaming_fcgi/*'
exit

ssh voc@live.dus
sudo sh -c 'rm /srv/nginx/cache/streaming_website/static/* /srv/nginx/cache/streaming_website/pages/*'
exit

JSON-API

Unter der URL http://streaming.media.ccc.de/streams/v1.json bietet die Steaming-Webseite eine Übersicht über alle konfigurierten Räume und Streams in einem maschinenlesbaren Format an. Dieses kann z.B. genutzt werden, um in den diversen Anwendungen, die sich rund um das Konferenzgeschehen entwickelt haben, Player und Links zu Liveübertragungen anzubieten.

Wie die URL vermuten lässt, ist die API versioniert. Dies bedeutet, dass in der v1.json keine Felder entfernt werden oder ihre Bedeutung ändern es können aber durchaus neue Felder hinzukommen. Eine formalere Spezifikation des JSON-Formats ist tbd. Ein Beispiel kann hier betrachtet werden.