<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Documentación de Variables</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 20px;
background-color: #f8f9fa;
}
h1 {
color: #495057;
text-align: center;
margin-bottom: 25px;
}
table {
width: 80%;
margin: 0 auto;
border-collapse: collapse;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
background-color: #fff;
}
th, td {
padding: 12px 15px;
text-align: left;
border: 1px solid #dee2e6;
}
th {
background-color: #007bff;
color: white;
font-weight: bold;
font-size: 1.1em;
}
tr:nth-child(even) {
background-color: #f2f2f2;
}
.variable-name {
font-weight: bold;
color: #343a40;
}
.data-type {
font-style: italic;
color: #28a745;
}
</style>



<h1>📝 Documentación de Variables de Elementos Multimedia</h1>

<table>
<thead>
<tr>
<th>Variable</th>
<th>Descripción</th>
<th>Tipo de Dato (Esperado)</th>
</tr>
</thead>
<tbody>
<tr>
<td class="variable-name">id</td>
<td>Identificador **único** y primario para el registro de la canción/elemento.</td>
<td class="data-type">Entero (int)</td>
</tr>
<tr>
<td class="variable-name">user\_id</td>
<td>Identificador del **usuario** propietario o que subió el archivo.</td>
<td class="data-type">Entero (int)</td>
</tr>
<tr>
<td class="variable-name">filename</td>
<td>Nombre o **ruta del archivo** de audio físico (hash o URL).</td>
<td class="data-type">Cadena de texto (string)</td>
</tr>
<tr>
<td class="variable-name">title</td>
<td>El **título** completo de la canción o del elemento.</td>
<td class="data-type">Cadena de texto (string)</td>
</tr>
<tr>
<td class="variable-name">artist</td>
<td>El nombre del **artista** o de los intérpretes principales de la canción.</td>
<td class="data-type">Cadena de texto (string)</td>
</tr>
<tr>
<td class="variable-name">uploaded\_at</td>
<td>**Marca de tiempo** que indica la fecha y hora de la subida del archivo.</td>
<td class="data-type">Cadena de texto/Marca de tiempo (string)</td>
</tr>
<tr>
<td class="variable-name">qrFoto</td>
<td>La **URL de la imagen** de portada, miniatura o carátula asociada al elemento.</td>
<td class="data-type">Cadena de texto (string)</td>
</tr>
<tr>
<td class="variable-name">plays</td>
<td>Contador que registra el **número total de reproducciones** (vistas) del elemento.</td>
<td class="data-type">Entero (int)</td>
</tr>
</tbody>
</table>