Buscando otras opciones
Publicado por Fabricio (8 intervenciones) el 15/08/2019 21:43:06
Buenas tardes, estoy haciendo una pagina con un reproductor de audio...
Tiene un listado de links con los nombres de los temas y abajo de forma fija el reproductor, la hice con frames pero me gustaría saber si hay alguna otra forma de hacerla, algo mas sencillo, como por ejemplo que se cargue en un div y me ahorraría de tener varias paginas
El codigo es...
index.html
pagina.html
reproductor.html
Ese es el código y funciona bien pero no me doy idea de como cargar el reproductor en un div fijo o de explorar otras opciones mas sencillas, desde ya cualquier opinión me servira, gracias
Tiene un listado de links con los nombres de los temas y abajo de forma fija el reproductor, la hice con frames pero me gustaría saber si hay alguna otra forma de hacerla, algo mas sencillo, como por ejemplo que se cargue en un div y me ahorraría de tener varias paginas
El codigo es...
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html>
<html>
<head>
<title>HTML Frames</title>
</head>
<frameset rows = "*,120">
<frame name = "pagina" src = "pagina.html" />
<frame name = "reproductor" src="default.html" scrolling = "no" />
<noframes>
<body>Your browser does not support frames.</body>
</noframes>
</frameset>
</html>
pagina.html
1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
<html>
<head>
<title>Pagina con los links</title>
</head>
<body>
<a href="reproductor.html?tema=e4ccd9c976&fecha=06-08-2019" target="reproductor">3 Are Legend x W&W - Khaleesi (Extended Mix)</a></br>
</body>
</html>
reproductor.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!DOCTYPE html>
<html>
<head>
<title>Reproductor de audio</title>
<style type="text/css">
div#abajo {
position: fixed;
width:100%;
height:100px;
}
</style>
</head>
<body>
<div id="abajo" align="center">
<script type="text/javascript">
function getParameterByName(name) {
name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
results = regex.exec(location.search);
return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}
var hash= getParameterByName('tema');
var date= getParameterByName('fecha');
var server ="";
var autoPlay="true";
var width="800";</script>
<script type="text/javascript" src="//krakenfiles.com/js/player/embed.js"></script>
</DIV>
</body>
</html>
Valora esta pregunta
0