---
layout: default
permalink: audio
---

<div class="publication">
		<div>
			<input type="text" id="searchBox" placeholder="Buscar arquivos..." onkeyup="filterList()">
		</div>
  <div class="pub-header">

	{% for item in site.data.audio %}
	<li data-filename="{{ item.name }}" data-username="{{ item.user }}" data-path="{{ item.directory }}">
		{{ item.user }}
		<a href="{{ item.url }}">{{ item.name }}</a> {{ item.directory }}
		<br>
		<audio controls src="{{ item.url }}"></audio>
	</li>
	{% endfor %}

</div>
</div>
<script>
		function filterList() {
				// Pega o valor do campo de busca
				var filter = document.getElementById('searchBox').value.toLowerCase();
				var ul = document.getElementById('fileList');
				var li = ul.getElementsByTagName('li');

				// Itera sobre os itens da lista e esconde os que não correspondem
				for (var i = 0; i < li.length; i++) {
						var filename = li[i].getAttribute('data-filename').toLowerCase();
						var username = li[i].getAttribute('data-username').toLowerCase();
						var path = li[i].getAttribute('data-path').toLowerCase();

						if (filename.indexOf(filter) > -1 || username.indexOf(filter) > -1 || path.indexOf(filter) > -1) {
								li[i].style.display = "";
						} else {
								li[i].style.display = "none";
						}
				}
		}
</script>