Guten Morgen,
ich möchte gerne einen Livestream in contao einbinden.
Geht das, indem ich einen youtube Link einbinde? Oder benötige ich noch eine spezielle Erweiterung?
Beste Grüße
Tilda
Guten Morgen,
ich möchte gerne einen Livestream in contao einbinden.
Geht das, indem ich einen youtube Link einbinde? Oder benötige ich noch eine spezielle Erweiterung?
Beste Grüße
Tilda
Wenn du den über YouTube veröffentlichst dann reicht der iframe
Ist es auch möglich das Livestream Video direkt in Contao hochzuladen, und youtube zu umgehen?
Hallo Tilda,
ich glaube du verwechselst da was. Das eine ist ein Server Dienst, das Andere ein CMS.
Beim Thema „Live“ von „hochladen“ zu sprechen klingt mir etwas ... hmmm ... wirr?
Grundsätzlich kannst Du alles in Contao einbinden was in digitaler Form vorliegt. Beim Livestream wäre das wohl ein Kameraoutput, der (re)codiert an einen Player gesendet wird. Also alles das, was YouTube auch macht, von der Entgegennahme des Signals über die Umwandlung in webfähige Formate bis hin zu einem Playerwidget für die Browseransicht. Das kannst Du grundsätzlich auch selbst bauen, aber das ist vermutlich etwas komplexer.
Vielleicht beschriebst du mal, was du da eigentlich vor hast?
Contao in Kiel: kikmedia webdevelopment | Contao-Partnerin | Contao Usergroup Kiel | github | Contao-Community-Alliance | MetaModels-Team
Hallo an @lle,
ich hänge mich mal hier an dieses Thema dran, denn ich habe ein konkreten Fall.
Vorhaben:
Wir veranstalten Soul-MusikPartys, was in der momentanen Situation berechtigterweise nicht machbar ist. Also ist die Idee eines Livestream mit Webcam und Audio vom DJpult. Das soll dann auch zukünftig weiterlaufen, für die Leute die nicht zu den entsprechenden Events kommen können. Aber die Speicherung des Streams ist nicht vorgesehen.
Alternativen:
1) Bei Youtube ist es nicht möglich, länger als eine Stunde zu streamen. Youtube capt einfach die Leitung und begründet das mit Einschränkungen der GEMA. Wir haben aber die entsprechenden GEMA-Lizenzen.
2) Eine andere Idee wäre das ganze über Twitch einzubinden...
vielen Dank und bleibt gesund
A.
Auf unserer Welt ist der absolute Stillstand ist nur in der Bewegung zu erreichen, indem man entgegen der Erd- und Milchstraßenrotation läuft.
Ich würde dir hier zu Twitch und der Software Streamlabs OBS raten.
#StayHome viel Spass dabei
danke für die schnelle Antwort.
Streamlabs OBS gibs momentan nicht für MAC (der DJ ist ein MAC-user), aber bei obsproject.com gibs OBS-Studio für MAC, sollte wohl auch gehen ...
Ich kann den Link zu Twitch setzten, was natürlich nicht Profesionell aussieht.
Besser ich binde Twitch einfach in contao ein.
Ich hab schon verschiedene contao-versionen seit Jahren mehrmals installiert/ benutzt, aber ich habe noch keine großen Erfahrungen mit tiefgreifenden Änderungen im System, geschweige den vom Erstellen eines Modules dafür.
Was ich zum einbinden bei Twitch gefunden habe:
Interactive Frames for Live Streams and VODs
HTML-Code:<script src= "https://player.twitch.tv/js/embed/v1.js"></script> <div id="<player div ID>"></div> <script type="text/javascript"> var options = { width: <width>, height: <height>, channel: "<channel ID>", video: "<video ID>", collection: "<collection ID>", // only needed if your site is also embedded on embed.example.com and othersite.example.com parent: ["embed.example.com", "othersite.example.com"] }; var player = new Twitch.Player("<player div ID>", options); player.setVolume(0.5); </script>
nette Grüße
A.
Auf unserer Welt ist der absolute Stillstand ist nur in der Bewegung zu erreichen, indem man entgegen der Erd- und Milchstraßenrotation läuft.
bin etwas verzweifelt,
ich dachte ich kann das im Artikel per --> Modul--> eigener html-code einbinden,
Aber das klappt nicht.
Ich hab ein Seitenlayout gemacht indem ich das externe java script eingebunden habe:
Code:<script src= "https://player.twitch.tv/js/embed/v1.js"></script>
dann ein "eigener html-code" Modul erstellt:
da löscht mir contao beim abspeichern die <script> tags raus. klar das auf der seite nurHTML-Code:<div id="meinePlayerID"></div> <script type="text/javascript"> var options = { height="720", width="1280", channel: "meinchannel", // only needed if your site is also embedded on embed.example.com and othersite.example.com parent: ["embed.example.com", "othersite.example.com"] }; var player = new Twitch.Player("meinetollePlayerID", options); player.setVolume(0.5); </script>
zu sehen ist.var options = { width: 720, height: 1280, channel: "meinchannel", // only needed if your site is also embedded on embed.example.com and othersite.example.com parent: ["embed.example.com", "othersite.example.com"] }; var player = new Twitch.Player("meinetollePlayerID", options); player.setVolume(0.5);
Anderer Versuch:
Die scriptanweisung über das seitenlayout einbinden und dann im Modul eigeger html-code nur den Div angeben:
ging auch nicht.HTML-Code:<div id="meinePlayerID"></div>
irgendwas mache ich falsch.. stehe voll auf dem schlauch..
Muss ich die scriptanweisung irgendwo anders einsetzen?
Ach die Contaoversion die benutzt wird ist:
vieln Dank schon mal fürs lesen.Contao Open Source CMS 3.4.4
A.
Auf unserer Welt ist der absolute Stillstand ist nur in der Bewegung zu erreichen, indem man entgegen der Erd- und Milchstraßenrotation läuft.
Moin mal abgesehen davon das die Contao Version 3.4.4 schon weit über End-Of-Life ist und zum Teil Sicherheitslücken hat, musst du den script Tag in den Einstellungen unter erlaubte Tag hinzufügen.
Die Contao-Academy hat zum Thema script-Tag gerade einen neuen Blogbeitrag veröffentlicht. https://contao-academy.de/blog/ifram...ntao-einbinden.
Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
Unterstütze bitte das Contao-Projekt (Button Links)
Weitere Spendenmöglichkeiten
------------------------------------------------------------------------------------------------------
Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
Contao-Online-Video-Kurse: Contao Academy
Funktionalität erweitern: Contao-Erweiterungen
Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.
Super, danke an alle,
habe das ganze nun als iframe eingebunden, css angepasst damit das ganze responiv ist und es läuft.
so gehts (falls jemand anderes das auch machen möchte):
Einbinden als Elementtyp "HTML-Code"
das css dazu:HTML-Code:<div class="video-wrapper"><iframe src="https://player.twitch.tv/?channel=twitchChannelID" height="720" width="1280" frameborder="0" scrolling="no" allowfullscreen="true"> </iframe> </div>
Code:.video-wrapper iframe, .video-wrapper object, .video-wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-wrapper { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
Nur das, was ich im vorherigen Post geschrieben habe funktioniert immer noch nicht.
-----------------------
@mlweb, cool danke für den Link-Tipp.
@Ainschy, ja ich weis, Die seite hatte ich damals vor 5 jahren gemacht und nicht wieder angefasst. Hatte mir die Tage schon das Updateprozedere angeschaut.
Ich müßte die Seite im Grunde neu aufsetzen, den übernehmen ist ja nicht so einfach wie ich gelesen habe.
Dann ist da ein altes Theme drauf welches ich wieder neu anpassen müste, + einige templates die ebenfalls angepasst wurden. Dazu sind einige Erweiterungen für die 4+ version nicht mehr verwendbar.
Alles in allem wird da enige zeit für den Umbau vergehen, Zeit ist ja = Geld, und das ist nicht da.
:-(
lieben Dank noch einmal
nette Grüße
A.
Auf unserer Welt ist der absolute Stillstand ist nur in der Bewegung zu erreichen, indem man entgegen der Erd- und Milchstraßenrotation läuft.
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
Lesezeichen