Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS][PHP][MySQL]Upload audio i tekst, Upload audio i tekst
temperator
post 1.02.2017, 16:15:37
Post #1





Grupa: Zarejestrowani
Postów: 13
Pomógł: 0
Dołączył: 10.02.2015

Ostrzeżenie: (0%)
-----


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

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


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

  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. <audio id="music" preload="true">
  48. <source src="'.$row['location'].'">
  49. </audio>
  50.  
  51. ';
  52. <!-- to sie wyświetla -->
  53.  
  54. <audio controls="controls" style="width: 150px;" preload="preload">
  55. <source src="'.$row['location'].'" type="audio/mpeg" />
  56. </audio>
  57.  
  58. ';
  59.  
  60. }
  61. ?>
  62.  
  63. </div>
  64.  
  65. </body>
  66. <script src="js/html5audio.js" type="text/javascript"></script>
  67. </html>


tak to wygląda

Ten post edytował temperator 1.02.2017, 17:05:34
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 2)
Niree
post 1.02.2017, 21:19:41
Post #2





Grupa: Zarejestrowani
Postów: 220
Pomógł: 18
Dołączył: 5.02.2016
Skąd: Polska

Ostrzeżenie: (0%)
-----


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.

Ten post edytował Niree 1.02.2017, 21:20:30
Go to the top of the page
+Quote Post
temperator
post 2.02.2017, 01:14:13
Post #3





Grupa: Zarejestrowani
Postów: 13
Pomógł: 0
Dołączył: 10.02.2015

Ostrzeżenie: (0%)
-----


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

  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. <p id="caption">'.$row['mp3'].'
  44.  
  45. <audio id="music" preload="true">
  46. <source src="'.$row['mp3'].'">
  47.  
  48. </audio>
  49.  
  50. <div id="wrapper">
  51.  
  52. <div id="audioplayer">
  53. <button id="pButton" class="play"></button>
  54. <div id="timeline">
  55. <div id="playhead"></div>
  56. </div>
  57. </div>
  58. </div></p>
  59. ';
  60.  
  61.  
  62.  
  63.  
  64. /*plik 2*/
  65. <p id="caption">'.$row['mp31'].'
  66.  
  67. <audio id="music" preload="true">
  68. <source src='.$row['mp31'].'>
  69.  
  70. </audio>
  71.  
  72. <div id="wrapper">
  73.  
  74. <div id="audioplayer">
  75. <button id="pButton" class="play"></button>
  76. <div id="timeline">
  77. <div id="playhead"></div>
  78. </div>
  79. </div>
  80. </div></p>
  81. ';
  82.  
  83.  
  84.  
  85.  
  86. /*plik 3*/
  87. '<p id="caption">'.$row['mp32'].'
  88.  
  89. <audio id="music" preload="true">
  90. <source src='.$row['mp32'].'>
  91.  
  92. </audio>
  93.  
  94. <div id="wrapper">
  95.  
  96. <div id="audioplayer">
  97. <button id="pButton" class="play"></button>
  98. <div id="timeline">
  99. <div id="playhead"></div>
  100. </div>
  101. </div>
  102. </div></p>
  103. ';
  104.  
  105.  
  106.  
  107.  
  108. echo '</div>';
  109. }
  110. ?>
  111.  
  112.  
  113. <script src="js/html5audio.js" type="text/javascript"></script>
  114.  
  115. </body>
  116.  
  117. </html>


a wygląda to tak

OBRAZEK
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 19.07.2025 - 17:18