En esta actividad, utilizará los medios de activación de Javascript en respuesta a la entrada del usuario.
<input type="button" value="Reproducir/Pausar audio" onclick="reproducirPausaAudio()">
input[type=button] {
display: block;
}
[] , en este caso, que el tipo de entrada sea 'botón'.Variables PHP
Por supuesto, este botón no hace nada hasta que agregamos algo de Javascript, pero realmente no queremos usar 'lists.js' para nuestro archivo 'media.php', por lo que debemos agregar un enlace a un nuevo archivo en el encabezado Podríamos simplemente agregar la línea como HTML , pero imagina si hiciéramos esto para cada página en un sitio enorme. Mejor hacerlo dinámico. Actualice el primer bloque de código PHP de esta manera.
<?php
$pagina = "media";
include("cabecera.php");
include("menu.php");
?>
$ y el nombre de la variable.<script> con lo siguiente.<script src="<?php echo $pagina; ?>.js"></script>
function reproducirPausarAudio() {
}
function reproducirPausarAudio() {
var audio = document.getElementsByTagName('audio')[0];
}
function reproducirPausarAudio() {
var audio = document.getElementsByTagName('audio')[0];
audio.play();
}
if (audio.paused) {}
Este código comprobará si nuestro audio está <html>.paused</html> y nos permitirá elegir nuestra acción en función del resultado. Si es cierto, queremos, de lo <html>.play</html> contrario, queremos <html>.pause</html>. ¿Puedes completar esta función sin mirar el código de abajo?
function reproducirPausarAudio() {
var audio = document.getElementsByTagName('audio')[0];
if (audio.paused) {
audio.play();
} else {
audio.pause();
}
}