Od razu zaznaczam że jestem laikiem i dopiero się uczę. Szukałam kodu który będzie mi dodawał do bazy MySQL plik MP3 i tekst. Efekt końcowy miał być taki że kod pobiera te dane z bazy i je wyświetla jako tekst i plik do odsłuchania czyli sam button PLAY. Uklepałam coś takiego.
button wzięłam z tej strony
http://alexkatz.me/posts/building-a-cus ... javascript
a kod który przerobiłam z tej
http://www.sourcecodester.com/php/4385/ ... mysql.html
Problem polega na tym że kod dodaje audio ale 2-gie i następne nie działa z połączeniu z nowym button który link jest wyżej. Działa zawsze to pierwsze co dodałam na początku.
Kod działa tylko z tym kodem
Kod: Zaznacz cały
<audio controls="controls" style="width: 150px;" preload="preload">
<source src="'.$row['location'].'" type="audio/mpeg" />
</audio>
Kod: Zaznacz cały
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 Audio</title>
<link rel="stylesheet" type="text/css" href="css/reseeet.css">
<link rel="stylesheet" type="text/css" href="css/audio.css">
</head>
<body>
<form action="addexec.php" method="post" enctype="multipart/form-data" name="addroom">
1<br />
<input type="file" name="image" class="ed"><br />
2<br />
<input type="file" name="image1" class="ed"><br />
3<br />
<input type="file" name="image2" class="ed"><br />
<br />
<input type="submit" name="Submit" value="Upload" id="button1" />
</form>
<br />
music
<br />
<br />
<?php
include('config.php');
$result = mysql_query("SELECT * FROM music");
while($row = mysql_fetch_array($result))
{
echo '<div id="imagelist">';
echo '<p>'.$row['id'].' </p>';
/*plik 1*/
echo '
<p id="caption">'.$row['mp3'].'
<audio id="music" preload="true">
<source src="'.$row['mp3'].'">
</audio>
<div id="wrapper">
<div id="audioplayer">
<button id="pButton" class="play"></button>
<div id="timeline">
<div id="playhead"></div>
</div>
</div>
</div></p>
';
/*plik 2*/
echo '
<p id="caption">'.$row['mp31'].'
<audio id="music" preload="true">
<source src='.$row['mp31'].'>
</audio>
<div id="wrapper">
<div id="audioplayer">
<button id="pButton" class="play"></button>
<div id="timeline">
<div id="playhead"></div>
</div>
</div>
</div></p>
';
/*plik 3*/
echo
'<p id="caption">'.$row['mp32'].'
<audio id="music" preload="true">
<source src='.$row['mp32'].'>
</audio>
<div id="wrapper">
<div id="audioplayer">
<button id="pButton" class="play"></button>
<div id="timeline">
<div id="playhead"></div>
</div>
</div>
</div></p>
';
echo '</div>';
}
?>
<script src="js/html5audio.js" type="text/javascript"></script>
</body>
</html>
https://zapodaj.net/5da8dac6dd2af.jpg.html