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

160 lines
9.2 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" />
Undo previous changes regaring index.html template
2021-01-20 20:38:58 +01:00
<title>Binary Kitchen World</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">
First working example with Svelte (the menu icon shows up on entering the game)
2021-05-12 18:32:55 +02:00
<div id="svelte-overlay">
</div>
opening and closing jitsi windows now trigger some transitions
2020-10-27 16:59:12 +01:00
<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>
Undo previous changes regaring index.html template
2021-01-20 20:38:58 +01:00
<div id="btn-copy-action" class="btn-cam-action">
<div id="btn-copy" class="btn-copy">
<img id="copyright" src="resources/logos/green_copyright.svg">
<img id="copyright-close" src="resources/logos/gray-noncopy.svg">
</div>
</div>
Adding CoWebsiteManager + first working version of flex video
2020-08-13 18:21:48 +02:00
<div id="activeCam" class="activeCam">
<div id="div-myCamVideo" class="video-container">
<video id="myCamVideo" autoplay muted></video>
Improvement feature circle discussion (#977) * Improvment circle discussion - Change to lissen start event of WebRTC connection * Update help allow navigator and waring message - Show warning message. - Use help camera allow setting to show modal and help user. - Change feature to show the modal only when user have need the information on allow navigator access * Create soud for video discussion
2021-05-05 01:49:04 +02:00
<div id="mySoundMeter" class="sound-progress">
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
</div>
Adding CoWebsiteManager + first working version of flex video
2020-08-13 18:21:48 +02:00
</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">
Improvement feature circle discussion (#977) * Improvment circle discussion - Change to lissen start event of WebRTC connection * Update help allow navigator and waring message - Show warning message. - Use help camera allow setting to show modal and help user. - Change feature to show the modal only when user have need the information on allow navigator access * Create soud for video discussion
2021-05-05 01:49:04 +02:00
<div id="btn-monitor" class="btn-monitor">
<img id="monitor" src="resources/logos/monitor.svg">
<img id="monitor-close" src="resources/logos/monitor-close.svg">
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>
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>
Improvement feature circle discussion (#977) * Improvment circle discussion - Change to lissen start event of WebRTC connection * Update help allow navigator and waring message - Show warning message. - Use help camera allow setting to show modal and help user. - Change feature to show the modal only when user have need the information on allow navigator access * Create soud for video discussion
2021-05-05 01:49:04 +02:00
<div id="btn-micro" class="btn-micro">
<img id="microphone" src="resources/logos/microphone.svg">
<img id="microphone-close" src="resources/logos/microphone-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">
audio player volume improvements
2021-04-20 21:37:48 +02:00
<g id="audioplayer_volume_icon_playing_high">
<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" />
</g>
<g id="audioplayer_volume_icon_playing_mid">
<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" />
</g>
<g id="audioplayer_volume_icon_playing_low">
<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>
front: Fix page template indentation
2021-02-05 10:30:43 +01:00
</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">
Camera now show up when someone is moving and hides 5 seconds after we stop moving. Also, added an animation to show/hide the webcam.
2021-05-20 18:05:03 +02:00
<label id="label-audioplayer_decrease_while_talking" for="audioplayer_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>
First working version of video embed
2021-02-03 17:21:41 +01:00
<div id="videoplayerctrl" class="hidden">
<div class="videoplayer">
<div id="videoplayer"></div>
<label id="label-videoplayer_decrease_while_talking" for="videoplayer_decrease_while_talking" title="decrease background volume by 50% when entering conversations">
autoreduce
<input type="checkbox" id="videoplayer_decrease_while_talking" checked />
</label>
</div>
</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>
Undo previous changes regaring index.html template
2021-01-20 20:38:58 +01:00
</html>
Reference in New Issue Copy Permalink