Olá, quero fazer um player local com HTML. quero reproduzir localmente, sem fazer upload. Quero selecionar uma pasta com arquivos de música ou vídeo e reproduzir aleatoriamente. Abaixo segue meu site com a demonstração: https://piersoft.net/robles/player/
Eu queria que esse input ao invés de ser "Selecionar Arquivo" fosse "Selecionar Pasta", e após selecionar, eu clicaria em RANDOM e reproduziria um arquivo aleatório da pasta. No link mostra até onde eu cheguei. Edit: quando seleciono algum arquivo, ao inves de aparecer o caminho, aparece "fakepath". Não tem como selecionar a pasta inteira?
Segue meu código:
<body>
<div class="container">
<h1>Player</h1>
<br>
<br>
<input type="file" id="video" value="">
<input type="button" id="random" value="RANDOM">
<br><br>
<p id="urlText"></p>
<br><br>
<video id="custom_video_play" width="400" controls="controls">>
<source src="" type="video/mp4"> Browser Not Supporting
</video>
</div>
<script>
$("#video").change(function(){
const url = $("#video").val()
alert(url)
$("#urlText").text("URL ("+ url + ")")
$("source").attr('src', url)
});
</script>
</body>