caminhos de áudio nos instrumentos em projetos
Deploy / Deploy (push) Successful in 26s
Details
Deploy / Deploy (push) Successful in 26s
Details
This commit is contained in:
parent
e4f1b7df6f
commit
047250d934
|
@ -118,7 +118,7 @@ title: "{{ page.file }}"
|
|||
<!-- Exibir player de áudio para o instrumento -->
|
||||
<div class="audio-player-section mt-3">
|
||||
<audio controls>
|
||||
<source src="{{ '/mmp/instruments/' | append: instrument.audiofileprocessor.src | relative_url }}" type="audio/wav">
|
||||
<source src="{{ '/mmp/instruments/lmms' | append: instrument.audiofileprocessor.src | relative_url }}" type="audio/wav">
|
||||
Seu navegador não suporta o elemento <code>audio</code>.
|
||||
</audio>
|
||||
</div>
|
||||
|
@ -138,3 +138,26 @@ title: "{{ page.file }}"
|
|||
</div>
|
||||
</main>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const audioFiles = [
|
||||
'/mmp/instruments/lmms/samples/sample1.wav',
|
||||
'/mmp/instruments/lmms/samples/sample2.wav',
|
||||
'/mmp/instruments/lmms/samples/sample3.wav'
|
||||
];
|
||||
|
||||
const audioContainer = document.getElementById('audio-files-container');
|
||||
|
||||
audioFiles.forEach(function (file) {
|
||||
const audioElement = document.createElement('audio');
|
||||
audioElement.controls = true;
|
||||
const sourceElement = document.createElement('source');
|
||||
sourceElement.src = file;
|
||||
sourceElement.type = 'audio/wav';
|
||||
audioElement.appendChild(sourceElement);
|
||||
|
||||
audioContainer.appendChild(audioElement);
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
|
Loading…
Reference in New Issue