Contao-Camp 2024
Ergebnis 1 bis 12 von 12

Thema: Livestream in Contao einbinden

  1. #1
    Contao-Fan
    Registriert seit
    27.08.2014.
    Beiträge
    569

    Standard Livestream in Contao einbinden

    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

  2. #2
    Contao-Nutzer Avatar von hinzke
    Registriert seit
    05.02.2014.
    Beiträge
    175
    Partner-ID
    10356
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Wenn du den über YouTube veröffentlichst dann reicht der iframe

  3. #3
    Contao-Fan
    Registriert seit
    27.08.2014.
    Beiträge
    569

    Standard

    Ist es auch möglich das Livestream Video direkt in Contao hochzuladen, und youtube zu umgehen?

  4. #4
    Contao-Fan Avatar von Ainschy
    Registriert seit
    24.06.2009.
    Ort
    Wenden
    Beiträge
    793
    Partner-ID
    5666
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Hallo Tilda,

    ich glaube du verwechselst da was. Das eine ist ein Server Dienst, das Andere ein CMS.

  5. #5
    Administratorin Avatar von lucina
    Registriert seit
    19.06.2009.
    Ort
    Kiel (DE)
    Beiträge
    7.328
    Partner-ID
    152
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    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?

  6. #6
    Contao-Nutzer
    Registriert seit
    12.12.2010.
    Ort
    nähe Hannover
    Beiträge
    34

    Standard LiveStream

    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.

  7. #7
    Contao-Fan Avatar von Ainschy
    Registriert seit
    24.06.2009.
    Ort
    Wenden
    Beiträge
    793
    Partner-ID
    5666
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Ich würde dir hier zu Twitch und der Software Streamlabs OBS raten.

    #StayHome viel Spass dabei

  8. #8
    Contao-Nutzer
    Registriert seit
    12.12.2010.
    Ort
    nähe Hannover
    Beiträge
    34

    Standard

    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.

  9. #9
    Contao-Nutzer
    Registriert seit
    12.12.2010.
    Ort
    nähe Hannover
    Beiträge
    34

    Standard

    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:

    HTML-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>
    da löscht mir contao beim abspeichern die <script> tags raus. klar das auf der seite nur

    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);
    zu sehen ist.



    Anderer Versuch:

    Die scriptanweisung über das seitenlayout einbinden und dann im Modul eigeger html-code nur den Div angeben:
    HTML-Code:
    <div id="meinePlayerID"></div>
    ging auch nicht.
    irgendwas mache ich falsch.. stehe voll auf dem schlauch..



    Muss ich die scriptanweisung irgendwo anders einsetzen?


    Ach die Contaoversion die benutzt wird ist:
    Contao Open Source CMS 3.4.4
    vieln Dank schon mal fürs lesen.
    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.

  10. #10
    Contao-Fan Avatar von Ainschy
    Registriert seit
    24.06.2009.
    Ort
    Wenden
    Beiträge
    793
    Partner-ID
    5666
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    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.

  11. #11
    Community-Moderatorin & Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    6.715
    Contao-Projekt unterstützen

    Support Contao

    Standard

    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.




  12. #12
    Contao-Nutzer
    Registriert seit
    12.12.2010.
    Ort
    nähe Hannover
    Beiträge
    34

    Standard

    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"

    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>
    das css dazu:
    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

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •