Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> php html5 video,audio i playlista, pomocy w rozwiazaniu problemu z video playlista
jaca121212
post
Post #1





Grupa: Zarejestrowani
Postów: 256
Pomógł: 16
Dołączył: 21.12.2014

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


  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

Ten post edytował jaca121212 21.12.2014, 14:00:57
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 8)
Daimos
post
Post #2





Grupa: Zarejestrowani
Postów: 1 319
Pomógł: 118
Dołączył: 26.11.2003
Skąd: Lublin

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


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


--------------------
scriptun.com. Startup z poradnikami do gier ttp.zone i ttpzone.pl
Go to the top of the page
+Quote Post
jaca121212
post
Post #3





Grupa: Zarejestrowani
Postów: 256
Pomógł: 16
Dołączył: 21.12.2014

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


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.
Go to the top of the page
+Quote Post
rad11
post
Post #4





Grupa: Zarejestrowani
Postów: 1 270
Pomógł: 184
Dołączył: 7.10.2012
Skąd: Warszawa

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


Proponowal bym w takim razie podmieniac tylko src w tym odtwarzaczu na stronie po kliknieciu najlepiej uzywajac js.

Ten post edytował rad11 21.12.2014, 22:54:07
Go to the top of the page
+Quote Post
jaca121212
post
Post #5





Grupa: Zarejestrowani
Postów: 256
Pomógł: 16
Dołączył: 21.12.2014

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


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

Ten post edytował jaca121212 21.12.2014, 22:37:31
Go to the top of the page
+Quote Post
rad11
post
Post #6





Grupa: Zarejestrowani
Postów: 1 270
Pomógł: 184
Dołączył: 7.10.2012
Skąd: Warszawa

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


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. ?>




Ten post edytował rad11 21.12.2014, 22:59:16
Go to the top of the page
+Quote Post
jaca121212
post
Post #7





Grupa: Zarejestrowani
Postów: 256
Pomógł: 16
Dołączył: 21.12.2014

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


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
Go to the top of the page
+Quote Post
rad11
post
Post #8





Grupa: Zarejestrowani
Postów: 1 270
Pomógł: 184
Dołączył: 7.10.2012
Skąd: Warszawa

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


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. });
Go to the top of the page
+Quote Post
jaca121212
post
Post #9





Grupa: Zarejestrowani
Postów: 256
Pomógł: 16
Dołączył: 21.12.2014

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


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

Ten post edytował jaca121212 22.12.2014, 11:31:55
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 Aktualny czas: 21.08.2025 - 18:25