HTML стрим код вставки на сайт

[M1SHA 136]

Кто знает как сделать правку в коде интеграции плеера с твича или ютуба скриптом в стрес на данном примере чтоб в итоге получить неавтоматическое воспроизведение когда активна трансляцыя ?

<!-- Add a placeholder for the Twitch embed -->
<div id="twitch-embed"></div>

<!-- Load the Twitch embed script -->
<script src="https://player.twitch.tv/js/embed/v1.js"></script>

<!-- Create a Twitch.Player object. This will render within the placeholder div -->
<script type="text/javascript">
  new Twitch.Player("twitch-embed", {
    channel: "fisher"
  });
</script>

Изменено 31 марта, 2021 пользователем M1SHA

[L2Banners 664]

Примерно с 2019 года api твича ограничивается квотами, поэтому реализация через js абсолютно бесполезна, каждый пользователь за одно обновление страницы съедает около 50-100 квот, человек 100 расходуют эти квоты минут за 15, поэтому проверку онлайн нужно делать на бекенде, затем кешировать и уже после этого выводить любым способом.

[M1SHA 136]

  В 31.03.2021 в 15:35, L2Banners сказал:

Примерно с 2019 года api твича ограничивается квотами, поэтому реализация через js абсолютно бесполезна, каждый пользователь за одно обновление страницы съедает около 50-100 квот, человек 100 расходуют эти квоты минут за 15, поэтому проверку онлайн нужно делать на бекенде, затем кешировать и уже после этого выводить любым способом.

а что нельзя дописать чтоб после загрузки страниці исполнялся сценарий стоп воспроизведение?

[L2Banners 664]

  В 31.03.2021 в 15:42, M1SHA сказал:

а что нельзя дописать чтоб после загрузки страниці исполнялся сценарий стоп воспроизведение?

Возможно я неправильно понял вопрос,  я почему-то подумал что нужна проверка на то активна ли сейчас трансляция..

 

Нужно добавить autoplay: false,

<script type="text/javascript">
  new Twitch.Player("twitch-embed", {
    channel: "fisher",
    autoplay: false,
  });
</script>

Вот пример с отключением автовоспроизведения и кстати надо указывать parent по новым правилам:

<!-- Add a placeholder for the Twitch embed -->
    <div id="twitch-embed"></div>

    <!-- Load the Twitch embed script -->
    <script src="https://embed.twitch.tv/embed/v1.js"></script>

    <!--
      Create a Twitch.Embed object that will render
      within the "twitch-embed" root element.
    -->
    <script type="text/javascript">
      var embed = new Twitch.Embed("twitch-embed", {
        width: 854,
        height: 480,
        channel: "monstercat",
        layout: "video",
        autoplay: false,
        // only needed if your site is also embedded on embed.example.com and othersite.example.com 
        parent: ["embed.example.com", "othersite.example.com"]
      });

      embed.addEventListener(Twitch.Embed.VIDEO_READY, () => {
        var player = embed.getPlayer();
        player.play();
      });
    </script>

 

Изменено 31 марта, 2021 пользователем L2Banners

[M1SHA 136]

  В 31.03.2021 в 15:51, L2Banners сказал:

Возможно я неправильно понял вопрос,  я почему-то подумал что нужна проверка на то активна ли сейчас трансляция..

 

Нужно добавить autoplay: false,

<script type="text/javascript">
  new Twitch.Player("twitch-embed", {
    channel: "fisher",
    autoplay: false,
  });
</script>

Вот пример с отключением автовоспроизведения и кстати надо указывать parent по новым правилам:

<!-- Add a placeholder for the Twitch embed -->
    <div id="twitch-embed"></div>

    <!-- Load the Twitch embed script -->
    <script src="https://embed.twitch.tv/embed/v1.js"></script>

    <!--
      Create a Twitch.Embed object that will render
      within the "twitch-embed" root element.
    -->
    <script type="text/javascript">
      var embed = new Twitch.Embed("twitch-embed", {
        width: 854,
        height: 480,
        channel: "monstercat",
        layout: "video",
        autoplay: false,
        // only needed if your site is also embedded on embed.example.com and othersite.example.com 
        parent: ["embed.example.com", "othersite.example.com"]
      });

      embed.addEventListener(Twitch.Embed.VIDEO_READY, () => {
        var player = embed.getPlayer();
        player.play();
      });
    </script>

 

спасибо помогло

 

[M1SHA 136]

  В 31.03.2021 в 15:51, L2Banners сказал:

Возможно я неправильно понял вопрос,  я почему-то подумал что нужна проверка на то активна ли сейчас трансляция..

 

Нужно добавить autoplay: false,

<script type="text/javascript">
  new Twitch.Player("twitch-embed", {
    channel: "fisher",
    autoplay: false,
  });
</script>

Вот пример с отключением автовоспроизведения и кстати надо указывать parent по новым правилам:

<!-- Add a placeholder for the Twitch embed -->
    <div id="twitch-embed"></div>

    <!-- Load the Twitch embed script -->
    <script src="https://embed.twitch.tv/embed/v1.js"></script>

    <!--
      Create a Twitch.Embed object that will render
      within the "twitch-embed" root element.
    -->
    <script type="text/javascript">
      var embed = new Twitch.Embed("twitch-embed", {
        width: 854,
        height: 480,
        channel: "monstercat",
        layout: "video",
        autoplay: false,
        // only needed if your site is also embedded on embed.example.com and othersite.example.com 
        parent: ["embed.example.com", "othersite.example.com"]
      });

      embed.addEventListener(Twitch.Embed.VIDEO_READY, () => {
        var player = embed.getPlayer();
        player.play();
      });
    </script>

 

правда если вставить 2х стримеров то 2й включаетса почемуто проигрователь

[Phoenix 63]

  В 31.03.2021 в 16:47, M1SHA сказал:

правда если вставить 2х стримеров то 2й включаетса почемуто проигрователь

вы же мего администратор серверов и рубите бабок много купите себе рабочий скрипт или адаптацию

[M1SHA 136]

  В 31.03.2021 в 17:51, Phoenix сказал:

вы же мего администратор серверов и рубите бабок много купите себе рабочий скрипт или адаптацию

неговорите что мне делать я нескажу куда вам идти ок?

[L2Banners 664]

  В 31.03.2021 в 16:47, M1SHA сказал:

правда если вставить 2х стримеров то 2й включаетса почемуто проигрователь

Если развернете пример где-нибудь в песочнице, то могу помочь, иначе просто негде проводить тесты

[M1SHA 136]

  В 31.03.2021 в 20:19, L2Banners сказал:

Если развернете пример где-нибудь в песочнице, то могу помочь, иначе просто негде проводить тесты

в скайп линк дам

 

[L2Banners 664]

  В 31.03.2021 в 20:39, M1SHA сказал:

в скайп линк дам

 

Мне от линка на сайт никакой пользы, код нужно где-то писать и проверять https://codepen.io