infoscreen3/views/display.twig

{% extends 'layout/view.twig' %}
{% block header %}
    {% if config.mediaServer %}
        {% if config.useLocalAssets %}
            <script src="/assets/flv.min.js"></script>
        {% else %}
            <script src="https://cdnjs.cloudflare.com/ajax/libs/flv.js/1.6.2/flv.min.js"></script>
        {% endif %}
    {% endif %}
    {% if config.useLocalAssets %}
        <script src="/assets/socket.io.min.js"></script>
    {% else %}
        <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.6.0/socket.io.min.js"></script>
    {% endif %}
    <script src="/js/flux.js" type="text/javascript" charset="utf-8"></script>
    <title>InfoScreen3 - {{ display.name }}</title>
{% endblock %}

{% block body %}
    <div id="blackoutLayer" class="animated"></div>
    {{ extra }}

    <div id="time" class="noselect animated">00:00</div>

    <div id="statusMessageOuter" class="noselect animated">
        <span id="statusMessage"></span>
    </div>


    <div id="networkstatus" class="noselect animated"><i class="spinner loading icon"></i></div>

    <video id="stream" class="fsimage" poster=""></video>

    <div id="helperLayer" class="gpu animated"></div>

    <iframe id="webLayer0" scrolling="no" class="web fsimage animated"></iframe>
    <iframe id="webLayer1" scrolling="no" class="web fsimage animated"></iframe>

    <div id="slider" style="overflow: hidden">
        <img src=""/>
    </div>

    <div id="bg">
        <img id="bgimg" class="fsimage" src="/img/wait.png"/>
    </div>

    <video loop autoplay id="bgvid" class="fsimage" poster="">
    </video>

    <script>
        var socket = io("{{ config.serverUrl }}/display-{{ displayId }}");
        var videoVolume = {{ videoVolume }};
        var isPreview = {{ isPreview }};
    </script>

    <script src="/js/display.js"></script>
{% endblock %}