galene/static/galene.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Galène</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="ScreenOrientation" content="autoRotate:disabled">
    <link rel="stylesheet" type="text/css" href="/common.css"/>
    <link rel="stylesheet" type="text/css" href="/galene.css"/>
    <link rel="author" href="https://www.irif.fr/~jch/"/>
    <link rel="stylesheet" type="text/css" href="/external/fontawesome/css/fontawesome.min.css"/>
    <link rel="stylesheet" type="text/css" href="/external/fontawesome/css/solid.min.css"/>
    <link rel="stylesheet" type="text/css" href="/external/fontawesome/css/regular.min.css"/>
    <link rel="stylesheet" type="text/css" href="/external/toastify/toastify.css"/>
    <link rel="stylesheet" type="text/css" href="/external/contextual/contextual.css"/>
  </head>

  <body>
    <div id="main" class="app">
      <div class="row full-height">
        <nav id="left-sidebar">
          <div class="users-header">
            <div class="galene-header">Galène</div>
          </div>
          <div class="header-sep"></div>
          <div id="users"></div>
        </nav>
        <div class="container">
          <header>
            <nav class="topnav navbar navbar-expand navbar-light fixed-top">
              <div id="header">
                <div class="collapse" title="Collapse left panel" id="sidebarCollapse">
                  <i class="fas fa-align-left" aria-hidden="true"></i>
                </div>
                <h1 id="title" class="header-title">Galène</h1>
              </div>

              <ul class="nav-menu">
                <li>
                  <button id="presentbutton" class="invisible btn btn-success">
                    <i class="fas fa-play" aria-hidden="true"></i><span class="nav-text"> Enable</span>
                  </button>
                </li>
                <li>
                  <button id="unpresentbutton" class="invisible btn btn-cancel">
                    <i class="fas fa-stop" aria-hidden="true"></i><span class="nav-text"> Disable</span>
                  </button>
                </li>
                <li>
                  <div id="mutebutton" class="nav-link nav-button">
                    <span><i class="fas fa-microphone-slash" aria-hidden="true"></i></span>
                    <label>Mute</label>
                  </div>
                </li>
                <li>
                  <div id="sharebutton" class="invisible nav-link nav-button">
                    <span><i class="fas fa-share-square" aria-hidden="true"></i></span>
                    <label>Share Screen</label>
                  </div>
                </li>
                <li>
                  <div class="nav-button nav-link nav-more" id="openside">
                    <span><i class="fas fa-ellipsis-v" aria-hidden="true"></i></span>
                  </div>
                </li>
              </ul>
            </nav>
          </header>
          <div class="row full-width" id="mainrow">
            <div class="coln-left" id="left">
              <div id="chat">
                <div id="chatbox">
                  <div class="close-chat" id="close-chat"  title="Hide chat">
                    <span class="close-icon"></span>
                  </div>
                  <div id="box"></div>
                  <div class="reply">
                    <form id="inputform">
                      <textarea id="input" class="form-reply"></textarea>
                      <input id="inputbutton" type="submit" value="&#10148;" class="btn btn-default"/>
                    </form>
                  </div>
                </div>
              </div>
            </div>
            <div id="resizer"></div>
            <div class="coln-right" id="right">
              <span class="show-video blink invisible" id="show-video">
                <i class="fas fa-exchange-alt" aria-hidden="true"></i>
              </span>
              <div class="chat-btn show-chat invisible" id="show-chat">
                <i class="far fa-comment-alt icon-chat" title="Show chat"></i>
              </div>
              <div class="chat-btn collapse-video invisible" id="collapse-video">
                <i class="far fa-comment-alt icon-chat" title="Hide video and show chat"></i>
              </div>
              <div class="video-container invisible" id="video-container">
                <div id="expand-video" class="expand-video">
                  <div id="peers"></div>
                </div>
              </div>
              <div class="login-container invisible" id="login-container">
                <div class="login-box">
                  <form id="loginform" class="loginform">
                    <div id="userform">
                      <label for="username">Username</label>
                      <input id="username" type="text" name="username"
                             autocomplete="username" class="form-control"/>
                    </div>
                    <div id="passwordform">
                      <label for="password">Password</label>
                      <input id="password" type="password" name="password"
                             autocomplete="current-password" class="form-control"/>
                    </div>
                    <label>Enable at start:</label>
                    <div class="present-switch">
                      <p class="switch-radio">
                        <input id="presentoff" type="radio" name="presentradio" value="" checked/>
                        <label for="presentoff">Nothing</label>
                      </p>
                      <p class="switch-radio">
                        <input id="presentmike" type="radio" name="presentradio" value="mike"/>
                        <label for="presentmike">Microphone</label>
                      </p>
                      <p class="switch-radio">
                        <input id="presentboth" type="radio" name="presentradio" value="both"/>
                        <label for="presentboth">Camera and microphone</label>
                      </p>
                    </div>
                    <div class="clear"></div>
                    <div class="connect">
                      <input id="connectbutton" type="submit" class="btn btn-blue" value="Connect"/>
                    </div>
                  </form>
                  <div class="clear"></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div id="sidebarnav" class="sidenav">
      <div class="sidenav-header">
        <h2>Settings</h2>
        <a class="closebtn" id="clodeside"><i class="fas fa-times" aria-hidden="true"></i></a>
      </div>
      <div class="sidenav-content" id="optionsdiv">
        <div id="profile" class="profile invisible">
          <div class="profile-user">
            <div class="profile-logo">
              <span><i class="fas fa-user" aria-hidden="true"></i></span>
            </div>
            <div class="profile-info">
              <span id="userspan"></span>
              <span id="permspan"></span>
              <span id="chpwspan" class="invisible"><a id="change-password">Change password</a></span>
            </div>
            <div class="user-logout">
              <a id="disconnectbutton">
                <span class="logout-icon"><i class="fas fa-sign-out-alt"></i></span>
                <span class="logout-text">Logout</span>
              </a>
            </div>
          </div>
        </div>
        <div id="mediaoptions" class="invisible">
          <fieldset>
            <legend>Media Options</legend>
            <label for="videoselect" class="sidenav-label-first">Camera:</label>
            <select id="videoselect" class="select select-inline">
              <option value="">off</option>
            </select>
  
            <label for="audioselect" class="sidenav-label">Microphone:</label>
            <select id="audioselect" class="select select-inline">
              <option value="">off</option>
            </select>

            <form>
              <input id="mirrorbox" type="checkbox" checked/>
              <label for="mirrorbox">Mirror view</label>
            </form>

            <form>
              <input id="blackboardbox" type="checkbox"/>
              <label for="blackboardbox">Blackboard mode</label>
            </form>
  
            <form>
              <input id="preprocessingbox" type="checkbox"/ checked>
              <label for="preprocessingbox">Noise suppression</label>
            </form>

            <form>
              <input id="hqaudiobox" type="checkbox"/>
              <label for="hqaudiobox">High-quality audio</label>
            </form>

          </fieldset>
        </div>

        <fieldset>
          <legend>Other Settings</legend>

          <form id="filterform">
            <label for="filterselect" class="sidenav-label-first">Filter:</label>
            <select id="filterselect" class="select select-inline">
              <option value="" selected>none</option>
            </select>
          </form>

          <form id="sendform">
            <label for="sendselect" class="sidenav-label-first">Send:</label>
            <select id="sendselect" class="select select-inline">
              <option value="lowest">lowest</option>
              <option value="low">low</option>
              <option value="normal" selected>normal</option>
              <option value="unlimited">unlimited</option>
            </select>
          </form>

          <form id="simulcastform">
            <label for="simulcastselect" class="sidenav-label-first">Simulcast:</label>
            <select id="simulcastselect" class="select select-inline">
              <option value="off">off</option>
              <option value="auto" selected>auto</option>
              <option value="on">on</option>
            </select>
          </form>

          <form id="requestform">
            <label for="requestselect" class="sidenav-label">Receive:</label>
            <select id="requestselect" class="select select-inline">
              <option value="">nothing</option>
              <option value="audio">audio only</option>
              <option value="screenshare">screenshare only</option>
              <option value="everything-low">low quality</option>
              <option value="everything" selected>everything</option>
            </select>
          </form>
  
          <form>
            <input id="activitybox" type="checkbox"/>
            <label for="activitybox">Activity detection</label>
          </form>

          <form>
            <input id="displayallbox" type="checkbox"/>
            <label for="displayallbox">Display audio-only users</label>
          </form>
        </fieldset>
      </div>
    </div>

    <div id="videocontrols-template" class="invisible">
      <div class="video-controls vc-overlay">
        <div class="controls-button controls-left">
          <span class="video-play" title="Play video">
            <i class="fas fa-play"></i>
          </span>
          <span class="volume" title="Volume">
            <i class="fas fa-volume-up volume-mute" aria-hidden="true"></i>
            <input class="volume-slider" type="range" max="100" value="100" min="0" step="5" >
          </span>
        </div>
        <div class="controls-button controls-right">
          <span class="pip" title="Picture In Picture">
            <i class="far fa-clone" aria-hidden="true"></i>
          </span>
          <span class="fullscreen" title="Fullscreen">
            <i class="fas fa-expand" aria-hidden="true"></i>
          </span>
        </div>
      </div>
    </div>
    <div id="topvideocontrols-template" class="invisible">
      <div class="top-video-controls">
        <div class="controls-button controls-right">
          <span class="close-icon video-stop" title="Stop video">
          </span>
        </div>
      </div>
    </div>

    <dialog id="invite-dialog">
      <form method="dialog">
        <label for="invite-username">Username (optional):</label>
        <input id="invite-username" type="text"/>
        <br>
        <label for="invite-not-before">Not before:</label>
        <input id="invite-not-before" type="datetime-local"/>
        <br>
        <label for="invite-expires">Expires:</label>
        <input id="invite-expires" type="datetime-local"/>
        <br>
        <button id="invite-cancel" value="cancel" type="button">Cancel</button>
        <button value="invite" value="invite">Invite</button>
      </form>
    </dialog>

    <script src="/protocol.js" defer></script>
    <script src="/external/toastify/toastify.js" defer></script>
    <script src="/external/contextual/contextual.js" defer></script>
    <script src="/galene.js" defer></script>
  </body>
</html>
Initial commit. 2020-04-24 19:38:21 +02:00			`<!DOCTYPE html>`
			`<html lang="en">`
			`<head>`
SFU is now called Galène. 2020-12-06 19:43:17 +01:00			`<title>Galène</title>`
Set charset in galene.html 2021-03-30 07:27:07 +02:00			`<meta charset="utf-8">`
more fixes on web interface 2020-09-11 10:39:32 +02:00			`<meta name="viewport" content="width=device-width, initial-scale=1.0">`
			`<meta http-equiv="ScreenOrientation" content="autoRotate:disabled">`
Initial commit. 2020-04-24 19:38:21 +02:00			`<link rel="stylesheet" type="text/css" href="/common.css"/>`
SFU is now called Galène. 2020-12-06 19:43:17 +01:00			`<link rel="stylesheet" type="text/css" href="/galene.css"/>`
Initial commit. 2020-04-24 19:38:21 +02:00			`<link rel="author" href="https://www.irif.fr/~jch/"/>`
Move fontawesome to external, upgrade to 6.0.0. 2022-02-16 19:05:16 +01:00			`<link rel="stylesheet" type="text/css" href="/external/fontawesome/css/fontawesome.min.css"/>`
			`<link rel="stylesheet" type="text/css" href="/external/fontawesome/css/solid.min.css"/>`
			`<link rel="stylesheet" type="text/css" href="/external/fontawesome/css/regular.min.css"/>`
Move toastify into separate dir, upgrade. 2022-02-16 18:56:21 +01:00			`<link rel="stylesheet" type="text/css" href="/external/toastify/toastify.css"/>`
Add contextual menu in user list. 2022-02-16 20:41:58 +01:00			`<link rel="stylesheet" type="text/css" href="/external/contextual/contextual.css"/>`
Initial commit. 2020-04-24 19:38:21 +02:00			`</head>`

			`<body>`
sfu: first working design 2020-08-27 21:17:46 +02:00			`<div id="main" class="app">`
			`<div class="row full-height">`
			`<nav id="left-sidebar">`
			`<div class="users-header">`
SFU is now called Galène. 2020-12-06 19:43:17 +01:00			`<div class="galene-header">Galène</div>`
sfu: first working design 2020-08-27 21:17:46 +02:00			`</div>`
			`<div class="header-sep"></div>`
			`<div id="users"></div>`
			`</nav>`
			`<div class="container">`
			`<header>`
			`<nav class="topnav navbar navbar-expand navbar-light fixed-top">`
			`<div id="header">`
Rename Parameters to Settings, fix typo. 2020-09-08 12:56:21 +02:00			`<div class="collapse" title="Collapse left panel" id="sidebarCollapse">`
Replace custom SVG with icon. 2022-02-19 03:50:30 +01:00			`<i class="fas fa-align-left" aria-hidden="true"></i>`
sfu: first working design 2020-08-27 21:17:46 +02:00			`</div>`
Minor typos and tweaks in galene.html. 2021-01-25 13:06:09 +01:00			`<h1 id="title" class="header-title">Galène</h1>`
sfu: first working design 2020-08-27 21:17:46 +02:00			`</div>`
improve sfu design and remove some useless code 2020-09-03 17:01:21 +02:00
sfu: first working design 2020-08-27 21:17:46 +02:00			`<ul class="nav-menu">`
add some interface improvement 2020-09-02 15:35:55 +02:00			`<li>`
			`<button id="presentbutton" class="invisible btn btn-success">`
Rename "Present" to "Enable". 2021-07-29 14:46:02 +02:00			`<i class="fas fa-play" aria-hidden="true"></i><span class="nav-text"> Enable</span>`
add some interface improvement 2020-09-02 15:35:55 +02:00			`</button>`
			`</li>`
			`<li>`
			`<button id="unpresentbutton" class="invisible btn btn-cancel">`
Rename "Present" to "Enable". 2021-07-29 14:46:02 +02:00			`<i class="fas fa-stop" aria-hidden="true"></i><span class="nav-text"> Disable</span>`
add some interface improvement 2020-09-02 15:35:55 +02:00			`</button>`
			`</li>`
			`<li>`
			`<div id="mutebutton" class="nav-link nav-button">`
sfu webfont: switch to fontawesome 5 2020-11-09 15:57:30 +01:00			`<span><i class="fas fa-microphone-slash" aria-hidden="true"></i></span>`
add some interface improvement 2020-09-02 15:35:55 +02:00			`<label>Mute</label>`
			`</div>`
			`</li>`
			`<li>`
			`<div id="sharebutton" class="invisible nav-link nav-button">`
sfu webfont: switch to fontawesome 5 2020-11-09 15:57:30 +01:00			`<span><i class="fas fa-share-square" aria-hidden="true"></i></span>`
add some interface improvement 2020-09-02 15:35:55 +02:00			`<label>Share Screen</label>`
			`</div>`
			`</li>`
			`<li>`
Simplify Settings menu icon 2020-11-27 11:21:48 +01:00			`<div class="nav-button nav-link nav-more" id="openside">`
			`<span><i class="fas fa-ellipsis-v" aria-hidden="true"></i></span>`
sfu: first working design 2020-08-27 21:17:46 +02:00			`</div>`
			`</li>`
			`</ul>`
			`</nav>`
			`</header>`
			`<div class="row full-width" id="mainrow">`
improve sfu design and remove some useless code 2020-09-03 17:01:21 +02:00			`<div class="coln-left" id="left">`
sfu: first working design 2020-08-27 21:17:46 +02:00			`<div id="chat">`
			`<div id="chatbox">`
sfu webfont: switch to fontawesome 5 2020-11-09 15:57:30 +01:00			`<div class="close-chat" id="close-chat" title="Hide chat">`
fix video resizing, add a button to close chat 2020-10-07 09:33:38 +02:00			`<span class="close-icon"></span>`
			`</div>`
sfu: first working design 2020-08-27 21:17:46 +02:00			`<div id="box"></div>`
			`<div class="reply">`
			`<form id="inputform">`
			`<textarea id="input" class="form-reply"></textarea>`
			`<input id="inputbutton" type="submit" value="➤" class="btn btn-default"/>`
			`</form>`
			`</div>`
			`</div>`
			`</div>`
			`</div>`
add some interface improvement 2020-09-02 15:35:55 +02:00			`<div id="resizer"></div>`
improve sfu design and remove some useless code 2020-09-03 17:01:21 +02:00			`<div class="coln-right" id="right">`
Fix show/hide video and chat box for mobile and normal UI Uses less javascript to update css style, rework buttons css for show/hide video and chat. Fix show or hide video button on normal or mobile ui when windows is resized or when orientation change. 2021-03-26 20:18:20 +01:00			`<span class="show-video blink invisible" id="show-video">`
Fix show chat button always hidden on mobile layout The maximum device with for mobile layout in css is 1024px, for device with > 768 (Ipad) chat button will stay hidded while chat box is also hidden when there is a video call. This commit fix the issue. 2021-03-26 11:08:21 +01:00			`<i class="fas fa-exchange-alt" aria-hidden="true"></i>`
			`</span>`
Fix show/hide video and chat box for mobile and normal UI Uses less javascript to update css style, rework buttons css for show/hide video and chat. Fix show or hide video button on normal or mobile ui when windows is resized or when orientation change. 2021-03-26 20:18:20 +01:00			`<div class="chat-btn show-chat invisible" id="show-chat">`
			`<i class="far fa-comment-alt icon-chat" title="Show chat"></i>`
			`</div>`
			`<div class="chat-btn collapse-video invisible" id="collapse-video">`
			`<i class="far fa-comment-alt icon-chat" title="Hide video and show chat"></i>`
			`</div>`
			`<div class="video-container invisible" id="video-container">`
allow to hide chat, improve settings bar and others 2020-10-05 11:15:31 +02:00			`<div id="expand-video" class="expand-video">`
			`<div id="peers"></div>`
			`</div>`
sfu: first working design 2020-08-27 21:17:46 +02:00			`</div>`
add some interface improvement 2020-09-02 15:35:55 +02:00			`<div class="login-container invisible" id="login-container">`
			`<div class="login-box">`
Force a user interaction before token login. This avoids issues with autoplay being disabled. 2024-06-11 11:57:15 +02:00			`<form id="loginform" class="loginform">`
			`<div id="userform">`
			`<label for="username">Username</label>`
			`<input id="username" type="text" name="username"`
			`autocomplete="username" class="form-control"/>`
			`</div>`
Reconnect when server complains about a username. If a token does not specify a username, the server will request one by failing the join message. Disconnect from the WebSocket in that case, and display the login dialog with the password field invisible. 2023-04-01 13:28:24 +02:00			`<div id="passwordform">`
			`<label for="password">Password</label>`
			`<input id="password" type="password" name="password"`
			`autocomplete="current-password" class="form-control"/>`
			`</div>`
Rename "Present" to "Enable". 2021-07-29 14:46:02 +02:00			`<label>Enable at start:</label>`
Improve design of login box Reorganize radio buttons also. 2020-12-02 11:15:36 +01:00			`<div class="present-switch">`
			`<p class="switch-radio">`
			`<input id="presentoff" type="radio" name="presentradio" value="" checked/>`
Rename "Present" to "Enable". 2021-07-29 14:46:02 +02:00			`<label for="presentoff">Nothing</label>`
Improve design of login box Reorganize radio buttons also. 2020-12-02 11:15:36 +01:00			`</p>`
			`<p class="switch-radio">`
			`<input id="presentmike" type="radio" name="presentradio" value="mike"/>`
Rename "Present" to "Enable". 2021-07-29 14:46:02 +02:00			`<label for="presentmike">Microphone</label>`
Improve design of login box Reorganize radio buttons also. 2020-12-02 11:15:36 +01:00			`</p>`
			`<p class="switch-radio">`
			`<input id="presentboth" type="radio" name="presentradio" value="both"/>`
Rename "Present" to "Enable". 2021-07-29 14:46:02 +02:00			`<label for="presentboth">Camera and microphone</label>`
Improve design of login box Reorganize radio buttons also. 2020-12-02 11:15:36 +01:00			`</p>`
			`</div>`
add some interface improvement 2020-09-02 15:35:55 +02:00			`<div class="clear"></div>`
Improve design of login box Reorganize radio buttons also. 2020-12-02 11:15:36 +01:00			`<div class="connect">`
			`<input id="connectbutton" type="submit" class="btn btn-blue" value="Connect"/>`
			`</div>`
add some interface improvement 2020-09-02 15:35:55 +02:00			`</form>`
			`<div class="clear"></div>`
			`</div>`
			`</div>`
sfu: first working design 2020-08-27 21:17:46 +02:00			`</div>`
			`</div>`
			`</div>`
Initial commit. 2020-04-24 19:38:21 +02:00			`</div>`
sfu: first working design 2020-08-27 21:17:46 +02:00			`</div>`
Initial commit. 2020-04-24 19:38:21 +02:00
sfu: first working design 2020-08-27 21:17:46 +02:00			`<div id="sidebarnav" class="sidenav">`
			`<div class="sidenav-header">`
more improvement on design 2020-09-09 20:26:19 +02:00			`<h2>Settings</h2>`
sfu webfont: switch to fontawesome 5 2020-11-09 15:57:30 +01:00			`<a class="closebtn" id="clodeside"><i class="fas fa-times" aria-hidden="true"></i></a>`
sfu: first working design 2020-08-27 21:17:46 +02:00			`</div>`
			`<div class="sidenav-content" id="optionsdiv">`
Move User menu to Settings sidebar 2020-11-24 17:36:52 +01:00			`<div id="profile" class="profile invisible">`
			`<div class="profile-user">`
			`<div class="profile-logo">`
			`<span><i class="fas fa-user" aria-hidden="true"></i></span>`
			`</div>`
			`<div class="profile-info">`
			`<span id="userspan"></span>`
			`<span id="permspan"></span>`
Add link for changing password. 2024-04-11 00:40:49 +02:00			`<span id="chpwspan" class="invisible"><a id="change-password">Change password</a></span>`
Move User menu to Settings sidebar 2020-11-24 17:36:52 +01:00			`</div>`
			`<div class="user-logout">`
			`<a id="disconnectbutton">`
			`<span class="logout-icon"><i class="fas fa-sign-out-alt"></i></span>`
			`<span class="logout-text">Logout</span>`
			`</a>`
			`</div>`
			`</div>`
			`</div>`
allow to hide chat, improve settings bar and others 2020-10-05 11:15:31 +02:00			`<div id="mediaoptions" class="invisible">`
			`<fieldset>`
			`<legend>Media Options</legend>`
Fix side menu input elements. Input elements have no contents. Thanks to Antonin Décimo. 2020-12-01 21:17:10 +01:00			`<label for="videoselect" class="sidenav-label-first">Camera:</label>`
allow to hide chat, improve settings bar and others 2020-10-05 11:15:31 +02:00			`<select id="videoselect" class="select select-inline">`
			`<option value="">off</option>`
			`</select>`

Fix side menu input elements. Input elements have no contents. Thanks to Antonin Décimo. 2020-12-01 21:17:10 +01:00			`<label for="audioselect" class="sidenav-label">Microphone:</label>`
allow to hide chat, improve settings bar and others 2020-10-05 11:15:31 +02:00			`<select id="audioselect" class="select select-inline">`
			`<option value="">off</option>`
			`</select>`
Add option to disable mirror view. 2021-01-23 01:15:53 +01:00
			`<form>`
			`<input id="mirrorbox" type="checkbox" checked/>`
Minor typos and tweaks in galene.html. 2021-01-25 13:06:09 +01:00			`<label for="mirrorbox">Mirror view</label>`
Add option to disable mirror view. 2021-01-23 01:15:53 +01:00			`</form>`

allow to hide chat, improve settings bar and others 2020-10-05 11:15:31 +02:00			`<form>`
Fix side menu input elements. Input elements have no contents. Thanks to Antonin Décimo. 2020-12-01 21:17:10 +01:00			`<input id="blackboardbox" type="checkbox"/>`
			`<label for="blackboardbox">Blackboard mode</label>`
allow to hide chat, improve settings bar and others 2020-10-05 11:15:31 +02:00			`</form>`

Control preprocessing and high-quality audio. 2022-02-21 18:07:49 +01:00			`<form>`
			`<input id="preprocessingbox" type="checkbox"/ checked>`
			`<label for="preprocessingbox">Noise suppression</label>`
			`</form>`

			`<form>`
			`<input id="hqaudiobox" type="checkbox"/>`
			`<label for="hqaudiobox">High-quality audio</label>`
			`</form>`

allow to hide chat, improve settings bar and others 2020-10-05 11:15:31 +02:00			`</fieldset>`
			`</div>`
Initial implementation of mike and camera selection. We're closing and reopening the connection each time, we should be renegotiating instead. 2020-05-05 17:50:16 +02:00
allow to hide chat, improve settings bar and others 2020-10-05 11:15:31 +02:00			`<fieldset>`
Fix typo in side menu. 2020-11-09 00:13:13 +01:00			`<legend>Other Settings</legend>`
Remove more side menu entries when not allowed to present. 2020-11-30 20:53:12 +01:00
Add user interface for filter selection. 2021-01-13 13:57:05 +01:00			`<form id="filterform">`
			`<label for="filterselect" class="sidenav-label-first">Filter:</label>`
			`<select id="filterselect" class="select select-inline">`
			`<option value="" selected>none</option>`
			`</select>`
			`</form>`

Remove more side menu entries when not allowed to present. 2020-11-30 20:53:12 +01:00			`<form id="sendform">`
Fix side menu input elements. Input elements have no contents. Thanks to Antonin Décimo. 2020-12-01 21:17:10 +01:00			`<label for="sendselect" class="sidenav-label-first">Send:</label>`
Remove more side menu entries when not allowed to present. 2020-11-30 20:53:12 +01:00			`<select id="sendselect" class="select select-inline">`
			`<option value="lowest">lowest</option>`
			`<option value="low">low</option>`
			`<option value="normal" selected>normal</option>`
			`<option value="unlimited">unlimited</option>`
			`</select>`
			`</form>`

Add UI for simulcast control. 2021-05-08 21:25:22 +02:00			`<form id="simulcastform">`
			`<label for="simulcastselect" class="sidenav-label-first">Simulcast:</label>`
			`<select id="simulcastselect" class="select select-inline">`
			`<option value="off">off</option>`
			`<option value="auto" selected>auto</option>`
			`<option value="on">on</option>`
			`</select>`
			`</form>`

Remove more side menu entries when not allowed to present. 2020-11-30 20:53:12 +01:00			`<form id="requestform">`
Fix side menu input elements. Input elements have no contents. Thanks to Antonin Décimo. 2020-12-01 21:17:10 +01:00			`<label for="requestselect" class="sidenav-label">Receive:</label>`
Remove more side menu entries when not allowed to present. 2020-11-30 20:53:12 +01:00			`<select id="requestselect" class="select select-inline">`
			`<option value="">nothing</option>`
			`<option value="audio">audio only</option>`
Disable simulcast for screen sharing. Simulcast doesn't seem to work well with screen sharing: only one layer is sent, which has very low throughput since we send the low layer first. Disable simulcast for screen sharing. 2023-01-11 19:36:33 +01:00			`<option value="screenshare">screenshare only</option>`
			`<option value="everything-low">low quality</option>`
Remove more side menu entries when not allowed to present. 2020-11-30 20:53:12 +01:00			`<option value="everything" selected>everything</option>`
			`</select>`
			`</form>`
allow to hide chat, improve settings bar and others 2020-10-05 11:15:31 +02:00
Implement studio and blackboard mode. 2020-09-18 19:14:10 +02:00			`<form>`
Fix side menu input elements. Input elements have no contents. Thanks to Antonin Décimo. 2020-12-01 21:17:10 +01:00			`<input id="activitybox" type="checkbox"/>`
			`<label for="activitybox">Activity detection</label>`
Implement studio and blackboard mode. 2020-09-18 19:14:10 +02:00			`</form>`
Implement playing of local files. 2020-11-24 19:22:38 +01:00
Hide peers with no video by default. Now that we have an indicator in the users list, it is reasonable to hide audio-ony peers by default. 2022-09-16 19:10:01 +02:00			`<form>`
			`<input id="displayallbox" type="checkbox"/>`
			`<label for="displayallbox">Display audio-only users</label>`
			`</form>`
allow to hide chat, improve settings bar and others 2020-10-05 11:15:31 +02:00			`</fieldset>`
Initial commit. 2020-04-24 19:38:21 +02:00			`</div>`
			`</div>`

improve html interface, add custom controls for video 2020-09-28 17:00:25 +02:00			`<div id="videocontrols-template" class="invisible">`
make video control buttons more visible 2020-10-29 09:55:32 +01:00			`<div class="video-controls vc-overlay">`
Rework video player style Reduce button size and reduce video control bar size. Add a volume slider to control volume level when volume control is enabled 2020-12-08 13:27:56 +01:00			`<div class="controls-button controls-left">`
Add play button to video custom controls If autoplay is not working on browser, user can play the video with this button 2020-12-15 15:20:53 +01:00			`<span class="video-play" title="Play video">`
			`<i class="fas fa-play"></i>`
			`</span>`
Rework video player style Reduce button size and reduce video control bar size. Add a volume slider to control volume level when volume control is enabled 2020-12-08 13:27:56 +01:00			`<span class="volume" title="Volume">`
			`<i class="fas fa-volume-up volume-mute" aria-hidden="true"></i>`
			`<input class="volume-slider" type="range" max="100" value="100" min="0" step="5" >`
			`</span>`
			`</div>`
			`<div class="controls-button controls-right">`
			`<span class="pip" title="Picture In Picture">`
			`<i class="far fa-clone" aria-hidden="true"></i>`
			`</span>`
			`<span class="fullscreen" title="Fullscreen">`
			`<i class="fas fa-expand" aria-hidden="true"></i>`
			`</span>`
			`</div>`
improve html interface, add custom controls for video 2020-09-28 17:00:25 +02:00			`</div>`
			`</div>`
Add Unshare button on each shared video and remove global unshare screen button 2021-03-29 20:44:24 +02:00			`<div id="topvideocontrols-template" class="invisible">`
			`<div class="top-video-controls">`
			`<div class="controls-button controls-right">`
			`<span class="close-icon video-stop" title="Stop video">`
			`</span>`
			`</div>`
			`</div>`
			`</div>`
improve html interface, add custom controls for video 2020-09-28 17:00:25 +02:00
Add dialog for generating tokens. 2023-05-03 18:37:52 +02:00			`<dialog id="invite-dialog">`
			`<form method="dialog">`
			`<label for="invite-username">Username (optional):</label>`
			`<input id="invite-username" type="text"/>`
			`<br>`
			`<label for="invite-not-before">Not before:</label>`
			`<input id="invite-not-before" type="datetime-local"/>`
			`<br>`
			`<label for="invite-expires">Expires:</label>`
			`<input id="invite-expires" type="datetime-local"/>`
			`<br>`
			`<button id="invite-cancel" value="cancel" type="button">Cancel</button>`
			`<button value="invite" value="invite">Invite</button>`
static: fixup missing </form> Signed-off-by: Sebastien Binet <binet@cern.ch> 2024-04-26 19:10:57 +02:00			`</form>`
Add dialog for generating tokens. 2023-05-03 18:37:52 +02:00			`</dialog>`

Split out the javascript protocol interface. 2020-08-11 17:09:31 +02:00			`<script src="/protocol.js" defer></script>`
Move toastify into separate dir, upgrade. 2022-02-16 18:56:21 +01:00			`<script src="/external/toastify/toastify.js" defer></script>`
Add omitted defer, remove debug statement. 2022-09-09 14:58:32 +02:00			`<script src="/external/contextual/contextual.js" defer></script>`
SFU is now called Galène. 2020-12-06 19:43:17 +01:00			`<script src="/galene.js" defer></script>`
Initial commit. 2020-04-24 19:38:21 +02:00			`</body>`
			`</html>`