streaming-website/README.md

144 lines
6.5 KiB
Markdown
Raw Normal View History

2015-12-25 20:19:52 +00:00
# C3VOC Streaming-Webseite
2014-12-13 23:23:28 +00:00
2015-11-04 23:23:05 +00:00
Dies ist der Code für die Streaming-Webseite unter
[streaming.media.ccc.de](http://streaming.media.ccc.de/), welche vom
2015-12-25 20:19:52 +00:00
[C3VOC](https://c3voc.de/) benutzt wird, um Live-Video- und -Audio-Streams von
[diversen Konferenzen](https://c3voc.de/eventkalender/) im Internet zu
2015-11-04 23:23:05 +00:00
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
2018-06-02 20:32:31 +00:00
Gegebenheiten und die Gestaltung der Konferenz angepasst werden können.
2014-12-13 23:23:28 +00:00
2016-06-20 20:41:47 +00:00
## Development
Während der Entwicklung kann der eingebaute PHP-Webserver verwendet werden:
2021-12-16 00:08:38 +00:00
```sh
2016-06-20 20:41:47 +00:00
$ ./serve.sh
PHP 7.0.4-7ubuntu2.1 Development Server started at Mon Jun 20 22:40:17 2016
Listening on http://localhost:8000
Document root is /home/peter/VOC/streaming-website
Press Ctrl-C to quit.
```
Unterstützt wird PHP ab 5.4.
2021-12-16 00:08:38 +00:00
### Docker
2016-06-20 20:41:47 +00:00
2021-12-16 00:08:38 +00:00
Wer lieber Docker mag, kann auch folgende Zeile verwenden:
```sh
docker run -it -p 8000:8000 -v "$PWD":/app -w /app php:7-cli ./serve.sh 0.0.0.0 8000
```
2021-12-16 00:08:38 +00:00
### Abhängigkeiten
```sh
apt install php7.0-curl php7.0-xml
# - or -
apt install php-curl php-xml
```
#### Dateidownload testen
```
./download.sh
```
2014-12-13 23:23:28 +00:00
2018-06-02 20:32:31 +00:00
## Konfiguration der einzelnen Konferenzen
Die Seite kann für mehrere parallel laufende Konferenzen gleichzeitig verwendet
werden. Jede Konferenz wird über einen Ordner unterhalb von
[configs/conferences](configs/conferences) konfiguriert. In diesen Ordnern können
jeweils folgende Dateien abgelegt werden, welche das Verhalten bzw. die Gestaltung
2023-04-04 18:29:03 +00:00
der jeweiligen Konferenzseite bestimmen, im Folgendem am:
2018-06-02 20:32:31 +00:00
2023-04-04 18:29:03 +00:00
- [config.json](configs/conferences/jev22/config.json) steuert das Verhalten der gesamten Konferenzseite. Dein Editor sollte dir über das referenzierte JSON Schema die einzelnen Felder erklären die meisten Feature-Flags pro Raum oder auch die OverviewPage Config sind nicht mehr notwendig, da inzwischen die Defaults entsprechend angepasst wurden.
- [config.php](configs/conferences/nixcon15/config.php) steuert das Verhalten der gesamten Konferenzseite wenn keine `config.json` existiert. Inzwischen Deprecated bitte am besten direkt config.json verwenden.
2018-06-02 20:32:31 +00:00
- [main.less](configs/conferences/nixcon15/main.less) steuert die Gestaltung der Konferenzseite.
- weitere Assets wie `.png` oder `.svg`-Dateien, die aus der `main.less` heraus referenziert werden können.
Siehe auch https://c3voc.de/wiki/software:streamingwebsite#add_a_new_conference
2015-04-06 14:42:11 +00:00
## Setup
2014-12-13 23:23:28 +00:00
2015-11-04 23:23:05 +00:00
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)
2015-11-04 23:23:05 +00:00
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](.htaccess) konfiguriert das
2015-11-04 23:23:05 +00:00
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;
}
```
2014-12-13 23:23:28 +00:00
2015-11-04 23:23:05 +00:00
Abweichend von der Default-Config muss in PHP das Flag `short_open_tag = On`
gesetzt werden.
2014-12-13 23:23:28 +00:00
## Deployment (auf der VOC Infrastruktur)
2016-10-11 15:28:32 +00:00
2018-06-02 20:32:31 +00:00
see [deploy.sh](deploy.sh) bzw. https://c3voc.de/wiki/software:streamingwebsite
2015-04-09 13:47:55 +00:00
## JSON-API
2017-12-10 18:12:52 +00:00
Unter der URL [http://streaming.media.ccc.de/streams/v2.json](http://streaming.media.ccc.de/streams/v2.json) bietet die
2017-12-16 16:29:44 +00:00
Streaming-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,
2015-11-04 23:23:05 +00:00
Player und Links zu Liveübertragungen anzubieten.
Wie die URL vermuten lässt, ist die API versioniert. Dies bedeutet, dass in
2016-12-20 22:14:35 +00:00
der `v2.json` keine Felder *entfernt werden* oder ihre *Bedeutung ändern* es
2015-11-04 23:23:05 +00:00
können aber durchaus *neue Felder* hinzukommen. Eine formalere Spezifikation
des JSON-Formats ist tbd. Ein Beispiel kann [hier
2016-12-20 22:14:35 +00:00
betrachtet](https://gist.github.com/MaZderMind/a91f242efb2f446a2237d4596896efd6) werden.
2017-12-10 18:12:52 +00:00
### Bekannte Nutzer der API
- [Kodi media.ccc.de Plugin](https://github.com/cccc/plugin.video.media-ccc-de)
- v2
2017-12-18 10:21:07 +00:00
- [API Kompatibilitätstest](https://github.com/cccc/plugin.video.media-ccc-de/blob/master/resources/lib/test_stream.py)
- [re-data](https://github.com/ocdata/re-data/tree/feature/34c3)
- Scraping code: [https://github.com/ocdata/re-data/blob/feature/34c3/scraper/34C3/scraper.js](https://github.com/ocdata/re-data/blob/feature/34c3/scraper/34C3/scraper.js)
- During events data appears here: [http://api.conference.bits.io/](http://api.conference.bits.io/)
## Troubleshooting
### Falsche PHP-Version
Wenn `serve.sh` einen Fehler wirft wie z.B. `PHP Fatal error: Uncaught ErrorException: Required parameter $rules follows optional parameter $value in /<path-to-repository>/lib/less.php/Less.php:5501` kann es sein, dass du eine falsche PHP-Version verwendest. Wenn `php --version` 8 oder neuer zurückgibt, dann ist deine Version zu neu. Versuche auf deinem Betriebssystem PHP 7.4 zu installieren und in den Skripts, die zu benötigst, die Version anzupassen. Zum Beispiel wird dann aus
2021-12-16 00:08:38 +00:00
```sh
# vorher
php -S localhost:$port -d short_open_tag=true index.php
```
dann
2021-12-16 00:08:38 +00:00
```sh
# nachher
php7.4 -S localhost:$port -d short_open_tag=true index.php
```
### Fehlermeldung `Call to undefined function iconv()`
Wenn du beim Aufrufen der Seite im Browser nur eine leere Seite siehst, schau in dein Terminal, ob es einen Fehler gab. Wenn du einen Fehler wie `PHP Fatal error: Uncaught Error: Call to undefined function iconv()` siehst, ist bei dir die iconv-Extention nicht aktiviert. Du kannst diese in deiner globalen `php.ini` aktivieren. Wo diese Datei liegt kannst du mit `php --ini` bzw. `php7 --ini` rausfinden. Suche in der Datei nach der richtigen Zeile und entferne das Semikolon am Anfang. Wenn es kein Semikolon gibt, sollte die Extension bereits aktiviert sein.
```
// vorher
;extension=iconv
```
```
// nachher
extension=iconv
```
### Fehlermeldung `lessc: command not found`
Wenn du beim Ausführen von Skripten den Fehler `lessc: command not found` bekommst, fehlt dir ein less-Compiler. Es gibt verschiedene Arten, sich einen less-Compiler zu installieren. Falls du `npm` verwendest, kannst du beispielsweise less global installieren mit `npm install -g less`. Anschließen sollte `lessc` dann global auf deinem System verfügbar sein.