First of all, it is worth mentioning that my question comes up following another question that I put here in the stackoverflow in pt and can be read in: Web Hosting or Streaming Hosting?
I'm developing a project that allows the user to listen (through a javaScript plugin) selected songs ... Songs / mp3 files are stored on the Server in a designated directory of uploads. The idea is to prevent mp3 files from being stored by the user who has the service ...
Here is an excerpt from the source code of the page that is sent to the browser:
<script type="text/javascript" src="plugin_player.js"></script>
<!--Front-End -->
<h2>Músicas</h2>
<div style='' class='main_thumbnails' id='mainThumbnailsHolder'>
<div style='' class='thumbnail-wrapper'>
<img style='width:100%;' alt='...' src='./uploads/1405414353.jpg' border='0'/>
<button></button>
<div style='width:100%;' class='info-thumbanail'>
Artista: ... </br>Genero: ... </br>Tempo: ... </br>Publicado: ... </br>
</div>
</div>
<div style='' class='thumbnail-wrapper'>
<img style='width:100%;' alt='...' src='./uploads/1405413192.jpg' border='0'/>
<button></button>
<div style='width:100%;' class='info-thumbanail'>
Artista: ... <br>Genero: ...<br>Tempo: ...<br>Publicado: ... <br>
</div>
</div>
<!-- etc. -->
</div>
<!-- "Interface" onde o player (plugin javaScript) irá "beber" as dados... -->
<ul id='playlists' style='display:none;'>
<li data-source='playlist1' data-thumbnail-path='#'></li>
</ul>
<ul id='playlist1' style='display:none;'>
<li data-path='uploads/1405414353.mp3' data-thumbpath='uploads/1405414353.jpg' data- downloadable='no' data-duration='1:19:31'>string<p>
<span style='font-weitgth:bold;'> ::.....:: </span> - ::.Artista.:: </p>
</li>
<li data-path='uploads/1405413192.mp3' data-thumbpath='uploads/1405413192.jpg' data-downloadable='no' data-duration='3:19'>string<p>
<span style='font-weitgth:bold;'> ::.....:: </span> - ::.Artista.:: </p>
</li>
</ul>
I do not know if I understand, because content security on servers is a very complex area.