santic
/
radio
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

onclick button change playing status, replace main block

Browse Source
master
santic-zombie 5 years ago
parent de8c6598d7
commit dcf3626d6b
2 changed files with 20 additions and 6 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 17
      css/style1.css
  2. 9
      index.php

17
css/style1.css
Unescape View File

@ -6,11 +6,22 @@ body {
background-size: cover; background-size: cover;
} }
.parent {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
display: flex;
align-items: center;
align-content: center;
justify-content: center;
overflow: auto;
}
#song{ #song{
width: 400px; width: 400px;
height: 300px; height: 340px;
margin: auto;
justify-content : center;
background-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.7);
border-radius: 10px; border-radius: 10px;
color: #fff; color: #fff;

9
index.php
Unescape View File

@ -16,13 +16,12 @@
<body> <body>
<div class="parent">
<div id="song"> <div id="song">
<h1>Just Radio</h1> <h1>Just Radio</h1>
now playing: <div id="myPlay">-</div>
<br>
<div id="title">title</div> <div id="title">title</div>
@ -53,15 +52,19 @@
<div id="listeners">title</div> <div id="listeners">title</div>
</div> </div>
</div>
<script language="JavaScript"> <script language="JavaScript">
var audio = new Audio('http://stream.santic-zombie.ru'); var audio = new Audio('http://stream.santic-zombie.ru');
var play = document.getElementById('play'); var play = document.getElementById('play');
play.addEventListener('click', function() { play.addEventListener('click', function() {
$("#myPlay").text("Now playing:");
audio.play(); audio.play();
}, false); }, false);
var pause = document.getElementById('pause'); var pause = document.getElementById('pause');
pause.addEventListener('click', function() { pause.addEventListener('click', function() {
$("#myPlay").text("Paused");
audio.pause(); audio.pause();
}, false); }, false);
var volume = document.getElementById('volume'); var volume = document.getElementById('volume');

Write Preview
Loading…
Cancel
Save