Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: php html5 video,audio i playlista
Forum PHP.pl > Forum > PHP
jaca121212
  1.  
  2. <?php
  3. function rozszerzenie($plik){
  4. preg_match("/\.([^\.]+)$/", $plik, $matches);
  5. return($matches[1]);
  6. }
  7.  
  8. //ścieżka
  9. $path = "muzyka/";
  10. $dir = new DirectoryIterator($path);
  11. foreach ($dir as $fileinfo) {
  12.  
  13. $rozsz = rozszerzenie($fileinfo);
  14.  
  15. //pobieramy dla przykładu tylko pliki z rozszerzeniem txt
  16. if($rozsz == "mp3"){
  17.  
  18. echo'<ul id="playlist">';
  19.  
  20. echo "<a href=muzyka/$fileinfo>$fileinfo</a>";
  21. echo '<br/>';
  22. echo '<br/>';
  23.  
  24. echo'</ul>';
  25. echo'<video id="videoarea" controls="controls" poster="" src=""></video>';
  26. }
  27.  
  28.  
  29.  
  30. }
  31. ?>


<script>
$(function() {
$("#playlist a").on("click", function() {
$("#videoarea").attr({
"src": $(this).attr("href="),
"poster": "",
"autoplay": "autoplay"
})
})
$("#videoarea").attr({
"src": $("#playlist a").eq(0).attr("href="),
"poster": $("#playlist a").eq(0).attr("moviesposter")
})
})
</script>
<style>
#playlist {
display:table;
}
#playlist a{
cursor:pointer;
padding:8px;
}

#playlist a:hover{
color:blue;
}
#videoarea {
float:left;
width:640px;
height:480px;
margin:10px;
border:1px solid silver;
}
</style>

Witam wszystkich prosze o pomoc was, chcialbym zrobic player z muzyka czy filmem w wersji html5 a nie we flashu i do tego playliste,
Przyklad:
ktos z uzytkownikow przesyla plik mp3 lub mp4 na serwer ftp do folderu muzyka z tego foldery wyswietlam zawartosc plikow jako link a href po kliknieciu w ten link chcialbym zeby odtwarzalo mi muzyke w tym playerze pomozcie mi rozwiazac ten problem dziki z gory
Daimos
ale zapomniałeś opisać problem, który mamy rozwiązać smile.gif

Zrobienie czegoś w całości, to nie problem i na to masz dział ogłoszenia
jaca121212
sorki za dzial problem tkwi w tym ze jesli klikne w link to przenosi mnie na nastepna strone i gra muzyka tak jest w przypadku google chromie a w operze jest tak ze pobiera plik automatycznie nie wiem jak jest w pozostalych przegladarkach a mi chodzi o to zeby grala muzyka w playerze video czy audio.Link ma byc jako playlista tutaj podaje link do strony http://www.ocena.log.ugu.pl/ jak to wyglada w praktyce.
rad11
Proponowal bym w takim razie podmieniac tylko src w tym odtwarzaczu na stronie po kliknieciu najlepiej uzywajac js.
jaca121212
podmienilem w js z src na url i dalej to samo
Kod
<script>
$(function() {
    $("#playlist a").on("click", function() {
        $("#videoarea").attr({
            "url": $(this).attr("href="),
            "poster": "",
            "autoplay": "autoplay"
        })
    })
    $("#videoarea").attr({
        "url": $("#playlist a").eq(0).attr("href="),
        "poster": $("#playlist a").eq(0).attr("moviesposter")
    })
})
</script>

w odtwarzaczy z src na url i to samo
  1. <?php
  2. //[<a href="userlist.php">Lista użytkowników</a>]
  3.  
  4. echo'<audio id="videoarea" controls="controls" poster="" url=""></audio>';
  5. ?>
  6.  
  7.  
  8.  
  9. <?php
  10. function rozszerzenie($plik){
  11. preg_match("/\.([^\.]+)$/", $plik, $matches);
  12. return($matches[1]);
  13. }
  14.  
  15. //ścieżka
  16. $path = "muzyka/";
  17. $dir = new DirectoryIterator($path);
  18. foreach ($dir as $fileinfo) {
  19.  
  20. $rozsz = rozszerzenie($fileinfo);
  21.  
  22. //pobieramy dla przykładu tylko pliki z rozszerzeniem txt
  23. if($rozsz == "mp3"){
  24.  
  25. echo'<ul id="playlist">';
  26. echo "<a href=muzyka/$fileinfo>$fileinfo</a>";
  27. echo '<br/>';
  28. echo '<br/>';
  29.  
  30. echo'</ul>';
  31.  
  32. }
  33.  
  34.  
  35.  
  36. }
  37. ?>


moglby ktos mi to poprawic
rad11
Jak juz to:

  1. $(document).ready(function(){
  2.  
  3. $("#playlist a").on("click", function() {
  4.  
  5. var src = $(this).attr('href');
  6.  
  7. $("#videoarea").attr("src", src);
  8. $("#videoarea").attr("poster", '');
  9. $("#videoarea").attr("autoplay", true);
  10.  
  11. });
  12.  
  13.  
  14. });
  15.  


Pomijajac to ze skoro uzywasz tagow ul to powiniennes odnosnik umiescic w tagi li.

  1. <?php
  2. //[<a href="userlist.php">Lista użytkowników</a>]
  3.  
  4. echo'<audio id="videoarea" controls="controls" poster="" url=""></audio>';
  5. ?>
  6.  
  7.  
  8.  
  9. <?php
  10. function rozszerzenie($plik){
  11. preg_match("/\.([^\.]+)$/", $plik, $matches);
  12. return($matches[1]);
  13. }
  14.  
  15. //ścieżka
  16. $path = "muzyka/";
  17. $dir = new DirectoryIterator($path);
  18. echo'<ul id="playlist">';
  19. foreach ($dir as $fileinfo) {
  20.  
  21. $rozsz = rozszerzenie($fileinfo);
  22.  
  23. //pobieramy dla przykładu tylko pliki z rozszerzeniem txt
  24. if($rozsz == "mp3"){
  25.  
  26. echo "<li><a href=muzyka/$fileinfo>$fileinfo</a></li>";
  27.  
  28. }
  29. echo'</ul>';
  30.  
  31.  
  32.  
  33. }
  34. ?>


jaca121212
niestety probowalem to zastosowac i nic zamiast odtwarzac na playerze to otwiera sie nastepne okno i dopiero odtwarza muzyke a w operze probuje odtwarzac ale zamiast odtwarzac muzyke to ja pobiera moze w kodzie php jest cos nie tak
rad11
A jak zrobisz tak to alert sie pokazuje?

  1. $(document).ready(function(){
  2.  
  3. $("#playlist a").on("click", function() {
  4.  
  5. alert(1);
  6.  
  7. });
  8.  
  9.  
  10. });
jaca121212
dzieki rad11 poradzilem sobie z tym dodalem return false; zeby nie przeladowywalo mi strony

na chrome z tym alertem pokazuje 1 i na operze tez 1
odtwarzacz działa pod chrome, firefox , na androidzie tez dziala tylko nie dziala pod opera i explorer
http://www.ocena.log.ugu.pl/
uwazam temat za zamkniety
Podziekowanie dla rad11
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.