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

179 lines
8.4 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="/">
Create webrtc connexion between two player
2020-04-19 19:32:38 +02:00
<link rel="stylesheet" href="/resources/style/style.css">
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>
Add close button
2020-11-17 18:03:44 +01:00
<button class="close-btn" id="cowebsite-close">
<img src="resources/logos/close.svg"/>
</button>
</div>
Create feature to send and read audio message
2020-09-21 15:00:39 +02:00
<div class="audio-playing">
<img src="/resources/logos/megaphone.svg"/>
</div>
Adding CoWebsiteManager + first working version of flex video
2020-08-13 18:21:48 +02:00
</div>
front: implement map sounds
2021-01-03 12:45:18 +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">
<input
type="range"
id="audioplayer_volume"
min="0"
max="1"
step="0.05"
value="1"
/>
</div>
</div>
<div class="audioplayer">
<label
id="label-audioplayer_decrease_while_talking"
for="audiooplayer_decrease_while_talking"
title="decrease background volume by 50% when entering conversations"
>
autoreduce
<input type="checkbox" id="audioplayer_decrease_while_talking" checked />
</label>
<div id="audioplayer" style="visibility: hidden"></div>
</div>
</div>
<div class="audio-playing">
<img src="/resources/logos/megaphone.svg" />
</div>
</div>
Adding CoWebsiteManager + first working version of flex video
2020-08-13 18:21:48 +02:00
<!--
<div id="webRtc" class="webrtc">
Fix multi video
2020-04-25 20:29:03 +02:00
<div id="activeCam" class="activeCam">
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
<div id="div-myCamVideo" class="video-container">
<video id="myCamVideo" autoplay muted></video>
</div>
Create webrtc connexion between two player
2020-04-19 19:32:38 +02:00
</div>
Add feature to mute or switch off cam
2020-05-03 17:19:42 +02:00
<div class="btn-cam-action">
Create webrtc connexion between two player
2020-04-19 19:32:38 +02:00
<div class="btn-micro">
<img id="microphone" src="resources/logos/microphone.svg">
<img id="microphone-close" src="resources/logos/microphone-close.svg">
</div>
<div class="btn-video">
<img id="cinema" src="resources/logos/cinema.svg">
<img id="cinema-close" src="resources/logos/cinema-close.svg">
</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 class="btn-monitor">
<img id="monitor" src="resources/logos/monitor.svg">
<img id="monitor-close" src="resources/logos/monitor-close.svg">
</div>
Create webrtc connexion between two player
2020-04-19 19:32:38 +02:00
</div>
</div>
Adding CoWebsiteManager + first working version of flex video
2020-08-13 18:21:48 +02: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">
<img id="webRtcSetupNoVideo" class="background-img" src="resources/logos/cinema-close.svg">
<video id="myCamVideoSetup" autoplay muted></video>
</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