No description
Find a file
2015-12-23 12:44:28 +01:00
assets show subtitles-silence-message after some time 2015-12-21 12:01:57 +01:00
configs [32c3] download all schedules for mirroring 2015-12-20 21:24:29 +01:00
lib generate closed-page countdown on server-side 2015-12-02 18:17:18 +01:00
model enable support for a preview-domain 2015-12-23 11:58:44 +01:00
template fix onepager typo 2015-12-20 18:01:22 +01:00
view global about-page (aka onepager) 2015-12-20 16:28:02 +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 rename 500.html to 50x.html as referred to by nginx-config 2015-08-21 12:13:44 +02:00
404.html add 404.html as referred to by nginx.conf 2015-08-21 12:13:53 +02: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 add note about usefulness on localhost 2015-12-23 12:44:28 +01:00
index.php Revert "expose per-conference not-started route, which allways shows the not-started view" 2015-12-23 11:46:57 +01:00
README.md fix URLs even harder 2015-11-17 14:46:24 +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.