noby/workadventure
2
2
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
f03f8076f3
workadventure/front/dist/index.tmpl.html

132 lines
7.6 KiB
HTML
Raw Normal View History

Initial commit
2020-04-03 14:56:21 +02:00
<!doctype html>
<html lang="en">
Create webrtc connexion between two player
2020-04-19 19:32:38 +02:00
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
Porting favicon to the "front" container
2020-06-09 09:21:24 +02:00
Template google analytics data Without this patch, the index.html contains google analytics at all times, including for people self-hosting it. This is a problem for privacy reasons, and only people wanting to have analytics on their instances should be able to enable them. This fixes it by making sure the index.html page is templated to sideload content from ANALYTICS_CODE_PATH (which itself is also templated, for convenience).
2021-01-19 10:46:53 +01:00
<!-- TRACK CODE -->
<!-- END TRACK CODE -->
fix style quill box
2020-09-20 19:31:24 +02:00
Porting favicon to the "front" container
2020-06-09 09:21:24 +02:00
<link rel="apple-touch-icon" sizes="57x57" href="static/images/favicons/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="static/images/favicons/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="static/images/favicons/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="static/images/favicons/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="static/images/favicons/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="static/images/favicons/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="static/images/favicons/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="static/images/favicons/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="static/images/favicons/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="static/images/favicons/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="static/images/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="static/images/favicons/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="static/images/favicons/favicon-16x16.png">
<link rel="manifest" href="static/images/favicons/manifest.json">
<meta name="msapplication-TileColor" content="#000000">
<meta name="msapplication-TileImage" content="static/images/favicons/ms-icon-144x144.png">
<meta name="theme-color" content="#000000">
Adding history support Arriving on a new map now changes the URL. All URLs starting with _ are automatically redirected to index.html by the web server
2020-05-12 00:07:50 +02:00
<base href="/">
Adding property tile "inGameConsoleMessage", open a popup when user walk on a tile with this property Adding map "Tuto2", the FTUE map
2021-03-08 09:28:15 +01:00
<link href="https://fonts.googleapis.com/css?family=Press+Start+2P" rel="stylesheet">
<link href="https://unpkg.com/nes.css@2.3.0/css/nes.min.css" rel="stylesheet" />
Fixing front title
2020-06-04 15:23:54 +02:00
<title>WorkAdventure</title>
Create webrtc connexion between two player
2020-04-19 19:32:38 +02:00
</head>
front: implement map sounds
2021-01-03 12:45:18 +01:00
<body id="body" style="margin: 0; background-color: #000">
Initialise global message - Create new class to manager global message. My idea is that this class permit to manage audio or text message. - Update html to have main content id and inject html in this. - Create front event to receive startMessage and stopMessage. - Delete impoted variable not used.
2020-09-16 18:38:50 +02:00
<div class="main-container" id="main-container">
fix style quill box
2020-09-20 19:31:24 +02:00
<!-- Create the editor container -->
opening and closing jitsi windows now trigger some transitions
2020-10-27 16:59:12 +01:00
<div id="game" class="game">
<div id="game-overlay" class="game-overlay">
Adding CoWebsiteManager + first working version of flex video
2020-08-13 18:21:48 +02:00
<div id="main-section" class="main-section">
</div>
<aside id="sidebar" class="sidebar">
</aside>
<div id="chat-mode" class="chat-mode three-col" style="display: none;">
</div>
<div id="activeCam" class="activeCam">
<div id="div-myCamVideo" class="video-container">
<video id="myCamVideo" autoplay muted></video>
</div>
Putting a wider onhover surface when clicking on one of the buttons to manage screen sharing or video/mic
2020-08-20 22:57:34 +02:00
</div>
<div class="btn-cam-action">
Adding colors for cam/mic/screen share button Microphone and camera are now red when disabled. Screen-share is green when enabled. Also, they are now always partially visible (they were completely hidden previously until hovering in the lower right corner)
2020-08-22 15:26:40 +02:00
<div id="btn-micro" class="btn-micro">
Putting a wider onhover surface when clicking on one of the buttons to manage screen sharing or video/mic
2020-08-20 22:57:34 +02:00
<img id="microphone" src="resources/logos/microphone.svg">
<img id="microphone-close" src="resources/logos/microphone-close.svg">
</div>
Adding colors for cam/mic/screen share button Microphone and camera are now red when disabled. Screen-share is green when enabled. Also, they are now always partially visible (they were completely hidden previously until hovering in the lower right corner)
2020-08-22 15:26:40 +02:00
<div id="btn-video" class="btn-video">
Putting a wider onhover surface when clicking on one of the buttons to manage screen sharing or video/mic
2020-08-20 22:57:34 +02:00
<img id="cinema" src="resources/logos/cinema.svg">
<img id="cinema-close" src="resources/logos/cinema-close.svg">
</div>
Adding colors for cam/mic/screen share button Microphone and camera are now red when disabled. Screen-share is green when enabled. Also, they are now always partially visible (they were completely hidden previously until hovering in the lower right corner)
2020-08-22 15:26:40 +02:00
<div id="btn-monitor" class="btn-monitor">
Putting a wider onhover surface when clicking on one of the buttons to manage screen sharing or video/mic
2020-08-20 22:57:34 +02:00
<img id="monitor" src="resources/logos/monitor.svg">
<img id="monitor-close" src="resources/logos/monitor-close.svg">
Adding CoWebsiteManager + first working version of flex video
2020-08-13 18:21:48 +02:00
</div>
</div>
</div>
</div>
Add close button
2020-11-17 18:03:44 +01:00
<div id="cowebsite" class="cowebsite hidden">
improve the visual of the cowebsite
2021-03-17 11:52:41 +01:00
<aside id="cowebsite-aside">
<img src="/static/images/menu.svg" alt="hold to resize"/>
</aside>
<main id="cowebsite-main">
</main>
FEATURE: improved the fullscreen and close buttons to be in the aside element
2021-03-31 17:40:57 +02:00
<button class="top-right-btn" id="cowebsite-fullscreen" alt="fullscreen mode">
<img id="cowebsite-fullscreen-open" src="resources/logos/fullscreen.svg"/>
<img id="cowebsite-fullscreen-close" style="display: none;" src="resources/logos/fullscreen-exit.svg"/>
added fullscreen
2021-03-17 18:57:00 +01:00
</button>
FEATURE: improved the fullscreen and close buttons to be in the aside element
2021-03-31 17:40:57 +02:00
<button class="top-right-btn" id="cowebsite-close" alt="close the iframe">
Add close button
2020-11-17 18:03:44 +01:00
<img src="resources/logos/close.svg"/>
</button>
</div>
front: implement map sounds
2021-01-03 12:45:18 +01:00
front: Fix page template indentation
2021-02-05 10:30:43 +01:00
<div id="audioplayerctrl" class="hidden">
<div class="audioplayer">
<button type="button" id="audioplayer_mute" class="fa fa-volump-up">
<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-volume-up" fill="white" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M6.717 3.55A.5.5 0 0 1 7 4v8a.5.5 0 0 1-.812.39L3.825 10.5H1.5A.5.5 0 0 1 1 10V6a.5.5 0 0 1 .5-.5h2.325l2.363-1.89a.5.5 0 0 1 .529-.06zM6 5.04L4.312 6.39A.5.5 0 0 1 4 6.5H2v3h2a.5.5 0 0 1 .312.11L6 10.96V5.04z" />
<g id="audioplayer_volume_icon_playing">
<path d="M11.536 14.01A8.473 8.473 0 0 0 14.026 8a8.473 8.473 0 0 0-2.49-6.01l-.708.707A7.476 7.476 0 0 1 13.025 8c0 2.071-.84 3.946-2.197 5.303l.708.707z" />
<path d="M10.121 12.596A6.48 6.48 0 0 0 12.025 8a6.48 6.48 0 0 0-1.904-4.596l-.707.707A5.483 5.483 0 0 1 11.025 8a5.483 5.483 0 0 1-1.61 3.89l.706.706z" />
<path d="M8.707 11.182A4.486 4.486 0 0 0 10.025 8a4.486 4.486 0 0 0-1.318-3.182L8 5.525A3.489 3.489 0 0 1 9.025 8 3.49 3.49 0 0 1 8 10.475l.707.707z" />
</g>
</svg>
</button>
<div class="audioplayer">
Finer steps for audio volume
2021-02-09 21:00:55 +01:00
<input type="range" id="audioplayer_volume" min="0" max="1" step="0.025" value="1" />
front: Fix page template indentation
2021-02-05 10:30:43 +01:00
</div>
Create webrtc connexion between two player
2020-04-19 19:32:38 +02:00
</div>
front: Fix page template indentation
2021-02-05 10:30:43 +01:00
<div class="audioplayer">
<label id="label-audioplayer_decrease_while_talking" for="audiooplayer_decrease_while_talking" title="decrease background volume by 50% when entering conversations">
Fix volume auto-reduction in conversations
2021-03-11 22:51:42 +01:00
reduce in conversations
front: Fix page template indentation
2021-02-05 10:30:43 +01:00
<input type="checkbox" id="audioplayer_decrease_while_talking" checked />
</label>
<div id="audioplayer" style="visibility: hidden"></div>
Feature screen sharing - Send stream of screen sharing in peer connexion - Add button for share your screen
2020-06-06 17:03:10 +02:00
</div>
Create webrtc connexion between two player
2020-04-19 19:32:38 +02:00
</div>
front: Fix page template indentation
2021-02-05 10:30:43 +01:00
<div class="audio-playing">
<img src="/resources/logos/megaphone.svg" />
</div>
Create webrtc connexion between two player
2020-04-19 19:32:38 +02:00
</div>
front: Fix page template indentation
2021-02-05 10:30:43 +01:00
Continue screen sharing
2020-06-08 22:52:25 +02:00
<div id="activeScreenSharing" class="active-screen-sharing active">
</div>
Adding a scene to configure the webcam
2020-06-23 12:24:36 +02:00
<div id="webRtcSetup" class="webrtcsetup">
front: Fix page template indentation
2021-02-05 10:30:43 +01:00
<img id="webRtcSetupNoVideo" class="background-img" src="resources/logos/cinema-close.svg">
<video id="myCamVideoSetup" autoplay muted></video>
Adding a scene to configure the webcam
2020-06-23 12:24:36 +02:00
</div>
Media webrtcA - Update peerConnexion manage - Add muted microphone logo - Add icon user - Sound when user enter in room webrtc
2020-05-14 20:39:30 +02:00
<audio id="audio-webrtc-in">
<source src="/resources/objects/webrtc-in.mp3" type="audio/mp3">
</audio>
FEAT: now play a sound when a user quit the webrtc group
2020-12-11 15:35:13 +01:00
<audio id="audio-webrtc-out">
<source src="/resources/objects/webrtc-out.mp3" type="audio/mp3">
</audio>
Ban mesage - Create type message could be use to send private message at any user - Create SendMessageUser message - Add sound when user receive ban message
2020-10-19 19:32:47 +02:00
<audio id="report-message">
<source src="/resources/objects/report-message.mp3" type="audio/mp3">
</audio>
fix style quill box
2020-09-20 19:31:24 +02:00
Create webrtc connexion between two player
2020-04-19 19:32:38 +02:00
</body>
Initial commit
2020-04-03 14:56:21 +02:00
</html>
Reference in New Issue Copy Permalink