Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][PHP][MySQL]Upload audio i tekst
Forum PHP.pl > Forum > Przedszkole
temperator
1.02.2017, 16:15:37
Witam,
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-custom...with-javascript

a kod który przerobiłam z tej
http://www.sourcecodester.com/php/4385/ima...g-phpmysql.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

[PHP] pobierz, plaintext 
  1. <audio controls="controls"  style="width: 150px;" preload="preload">
  2. <source   src="'.$row['location'].'" type="audio/mpeg" />
  3. </audio>
[PHP] pobierz, plaintext


a tu jest cały index.php czy coś źle w nim zrobiłam?

[PHP] pobierz, plaintext 
  1. <html>
  2.  
  3. <head>
  4. 	<link rel="stylesheet" type="text/css" href="css/reset.csss">
  5. 	<link rel="stylesheet" type="text/css" href="css/audio.css">
  6. </head>
  7.  
  8. <body>
  9.  
  10.  
  11. <form action="addexec.php" method="post" enctype="multipart/form-data" name="addroom">
  12. dodaj głos <br />
  13.  <input type="file" name="audio" class="ed"><br />
  14.  nazwa<br />
  15.  <input name="caption" type="text" class="ed" id="brnu" />
  16.  <br />
  17.  <input type="submit" name="Submit" value="dodaj" id="button1" />
  18.  </form>
  19. <br />
  20. Photo Archieve
  21.  
  22.  
  23. <br />
  24. <br />
  25. <div id="imagelist">
  26.  
  27. <?php
  28. include('config.php');
  29. $result = mysql_query("SELECT * FROM photos");
  30. while($row = mysql_fetch_array($result))
  31. {
  32.  
  33. echo '<p id="caption">'.$row['caption'].' </p>';
  34.  
  35. echo '   
  36. 	<div id="wrapper">
  37. 		 	<div id="audioplayer">
  38. 			<button id="pButton" class="play"></button>
  39. 			<div id="timeline">
  40. 				<div id="playhead"></div>
  41. 			</div>
  42. 		</div>
  43. 	</div>
  44. ';
  45.  
  46. <!-- to nie działa -->
  47. echo '
  48. <audio id="music" preload="true">
  49. 		<source src="'.$row['location'].'">
  50. </audio>
  51.  
  52. ';
  53. <!-- to sie wyświetla -->
  54. echo '
  55.  
  56. <audio controls="controls"  style="width: 150px;" preload="preload">
  57. <source   src="'.$row['location'].'" type="audio/mpeg" />
  58. </audio>
  59.  
  60. ';
  61.  
  62. }
  63. ?>
  64.  
  65.  </div>
  66.  
  67. </body>
  68. <script src="js/html5audio.js" type="text/javascript"></script>
  69. </html>
[PHP] pobierz, plaintext


tak to wygląda
Niree
1.02.2017, 21:19:41
W jaki sposób skrypt ma wykryć, że dany button jest do danego audio. Nie definiujesz nigdzie tego chociażby w ID buttona i ID audio, żeby przydzielić ich do jednej "grupy".

Dodajesz na sztywno, co wygląda mniej więcej tak, po przeprasowaniu PHP:
<button do audio>
<audio blabla>

<button do audio>
<audio blabla>

<button do audio>
<audio blabla>

No i teraz kod zgłupiał, bo podmienił jeden button i przydzielił audio do pierwszego buttona, a reszta która ma takie samo ID już się nie wykona, bo ... przed chwilą się wykonało.
temperator
2.02.2017, 01:14:13
To dodawanie działa tak samo jak tabelka. Dodaje tekst i plik audio a kolejno pod powinny się dodawać te dane a się nie dodają? Nie rozumiem dlaczego. Czy ktoś mi pomoże? Nie potrafię sama tego ogarnąć.

Chłopaki w was siła proszę pomóżcie mi.
Zrobiłam coś takiego bo potrzebuje żeby to 3 pliki audio były dodawane do bazy i są one w bazie to akurat jest ok. Poukładałam dokładnie kod ale dalej tylko pierwsy plik działa a reszta nie sad.gif

[PHP] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head>
  5. 	<meta charset="utf-8">
  6. 	<title>HTML5 Audio</title>
  7. 	<link rel="stylesheet" type="text/css" href="css/reseeet.css">
  8. 	<link rel="stylesheet" type="text/css" href="css/audio.css">
  9. </head>
  10.  
  11. <body>
  12.  
  13.  
  14.  
  15. <form action="addexec.php" method="post" enctype="multipart/form-data" name="addroom">
  16. 1<br />
  17.  <input type="file" name="image" class="ed"><br />
  18.  
  19. 2<br />
  20.  <input type="file" name="image1" class="ed"><br /> 
  21.  
  22. 3<br />
  23.  <input type="file" name="image2" class="ed"><br />  
  24.  
  25.  <br />
  26.  <input type="submit" name="Submit" value="Upload" id="button1" />
  27.  </form>
  28. <br />	
  29. 	music
  30. <br />
  31. <br />
  32. <?php
  33. include('config.php');
  34. $result = mysql_query("SELECT * FROM music");
  35. while($row = mysql_fetch_array($result))
  36. {
  37. echo '<div id="imagelist">';
  38.  
  39. echo '<p>'.$row['id'].' </p>';
  40.  
  41.  
  42. /*plik 1*/
  43. echo '
  44. <p id="caption">'.$row['mp3'].' 	
  45.  
  46. <audio id="music" preload="true">
  47. 		<source src="'.$row['mp3'].'">
  48.  
  49. 	</audio>
  50.  
  51. 	<div id="wrapper">
  52.  
  53. 		<div id="audioplayer">
  54. 			<button id="pButton" class="play"></button>
  55. 			<div id="timeline">
  56. 				<div id="playhead"></div>
  57. 			</div>
  58. 		</div>
  59. 	</div></p>
  60. 	';
  61.  
  62.  
  63.  
  64.  
  65. /*plik 2*/
  66. echo '
  67. <p id="caption">'.$row['mp31'].' 	
  68.  
  69. <audio id="music" preload="true">
  70. 		<source src='.$row['mp31'].'>
  71.  
  72. 	</audio>
  73.  
  74. 	<div id="wrapper">
  75.  
  76. 		<div id="audioplayer">
  77. 			<button id="pButton" class="play"></button>
  78. 			<div id="timeline">
  79. 				<div id="playhead"></div>
  80. 			</div>
  81. 		</div>
  82. 	</div></p>
  83. 	';
  84.  
  85.  
  86.  
  87.  
  88. /*plik 3*/
  89. echo 
  90. '<p id="caption">'.$row['mp32'].' 	
  91.  
  92. <audio id="music" preload="true">
  93. 		<source src='.$row['mp32'].'>
  94.  
  95. 	</audio>
  96.  
  97. 	<div id="wrapper">
  98.  
  99. 		<div id="audioplayer">
  100. 			<button id="pButton" class="play"></button>
  101. 			<div id="timeline">
  102. 				<div id="playhead"></div>
  103. 			</div>
  104. 		</div>
  105. 	</div></p>
  106. 	';
  107.  
  108.  
  109.  
  110.  
  111. echo '</div>';
  112. }
  113. ?>	
  114.  
  115.  
  116. 	<script src="js/html5audio.js" type="text/javascript"></script>
  117.  
  118. </body>
  119.  
  120. </html>
[PHP] pobierz, plaintext


a wygląda to tak

OBRAZEK
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.