ovosimpatico/RPG_Renan
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix for autoplay policy in Chrome

Browse Source 
https://developer.chrome.com/blog/autoplay
also added charset to meta tag
Signed-off-by: ovosimpatico <code.deleo@simplelogin.com>
This commit is contained in:
ovosimpatico
2024-01-06 15:30:07 -03:00
parent e592789f8a
commit bb05a1eb9b
1 changed files with 18 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
index.html
View File

@@ -13,6 +13,7 @@
<head>
<title>RPG</title>
<link rel="icon" type="image/x-icon" href="image.png" />
<meta charset="utf-8" />
<style>
body {
background-color: black;
@@ -33,6 +34,17 @@
font-size: 3vw;
}
details {
color: white;
font-size: 1.5vw;
}
button {
font-size: 1.5vw;
/* grey */
background-color: #808080;
}
@media (min-width: 500px) {
#contador {
font-size: 2vw;
@@ -49,24 +61,24 @@
<audio id="musica" src="song.mp3" loop></audio>
<br />
<!-- Desabilitado por pedido do cliente -->
<!-- <details>
<details>
<summary>Controles</summary>
<div id="controles">
<div>Playback</div>
<!-- <div>Playback</div> -->
<button onclick="document.getElementById('musica').play()">Play</button>
<button onclick="document.getElementById('musica').pause()">
Pause
</button>
<div>Volume</div>
<!-- <div>Volume</div>
<button onclick="diminuirVolume()">- Volume</button>
<button onclick="aumentarVolume()">+ Volume</button>
<br />
<div>Contador</div>
<button onclick="resetContador()">Resetar Contador</button>
<button onclick="pausarContador()">Pausar Contador</button>
<button onclick="pausarContador()">Pausar Contador</button> -->
</div>
</details> -->
</details>
<script>
console.log("Made by ovosimpatico");