50e994c674
In iOS, we cannot trigger a playing sound if it does not start from a user gesture. This is a huge bummer for a notification sound! This is an attempt to switch sound playing to Phaser, which is using under the hood the WebAudio API. This might solve the issue.
100 lines
5.8 KiB
HTML
100 lines
5.8 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<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">
|
|
|
|
<!-- TRACK CODE -->
|
|
<!-- END TRACK CODE -->
|
|
|
|
<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">
|
|
|
|
|
|
<base href="/">
|
|
<link href="https://unpkg.com/nes.css@2.3.0/css/nes.min.css" rel="stylesheet" />
|
|
|
|
<title>WorkAdventure</title>
|
|
</head>
|
|
<body id="body" style="margin: 0; background-color: #000">
|
|
<div class="main-container" id="main-container">
|
|
<!-- Create the editor container -->
|
|
<div id="game" class="game">
|
|
<div id="svelte-overlay">
|
|
</div>
|
|
<div id="game-overlay" class="game-overlay">
|
|
<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>
|
|
</div>
|
|
<div id="cowebsite" class="cowebsite hidden">
|
|
<aside id="cowebsite-aside">
|
|
<img src="/static/images/menu.svg" alt="hold to resize"/>
|
|
</aside>
|
|
<main id="cowebsite-main">
|
|
</main>
|
|
<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"/>
|
|
</button>
|
|
<button class="top-right-btn" id="cowebsite-close" alt="close the iframe">
|
|
<img src="resources/logos/close.svg"/>
|
|
</button>
|
|
</div>
|
|
|
|
<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.025" value="1" />
|
|
</div>
|
|
</div>
|
|
<div class="audioplayer">
|
|
<label id="label-audioplayer_decrease_while_talking" for="audioplayer_decrease_while_talking" title="decrease background volume by 50% when entering conversations">
|
|
reduce in conversations
|
|
<input type="checkbox" id="audioplayer_decrease_while_talking" checked />
|
|
</label>
|
|
<div id="audioplayer" style="visibility: hidden"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="activeScreenSharing" class="active-screen-sharing active">
|
|
</div>
|
|
<audio id="report-message">
|
|
<source src="/resources/objects/report-message.mp3" type="audio/mp3">
|
|
</audio>
|
|
|
|
</body>
|
|
</html>
|