• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Jak zrobić odtwarzacz muzyki?

+4 głosów
1,915 wizyt
pytanie zadane 7 lipca 2015 w HTML i CSS przez KaskiPL Początkujący (330 p.)
Chciałbym zrobić coś takiego: http://www.premiumbeat.com/royalty_free_music/songs/mooove-your-hips-shout.

Nie wiem jak się w ogóle do tego zabrać.

5 odpowiedzi

+2 głosów
odpowiedź 7 lipca 2015 przez krecik1334 Maniak (58,910 p.)
Do tego potrzeba JS. Film autorstwa naszego człowieka z forum: https://www.youtube.com/watch?v=5-BuP25Cmo8
+1 głos
odpowiedź 7 lipca 2015 przez shadou102 Pasjonat (21,520 p.)
Wydaje mi się, że do stworzenia takiej strony nie wystarczy sam HTML i CSS.
+1 głos
odpowiedź 7 lipca 2015 przez Dorion300 Szeryf (90,070 p.)

Może prosty tag w HTML'u wystarczy?

<audio src="Tutaj_sciezka_do_pliku" controls></audio>

Działa na mp3 i ogg.

0 głosów
odpowiedź 7 lipca 2015 przez rafal612b Nałogowiec (44,580 p.)
edycja 7 lipca 2015 przez rafal612b

http://www.w3schools.com/tags/tag_audio.asp

napewno przydał by ci się też JS do kontrolowania tego znacznika poczytaj na necie :)

ale jeśli starczy ci prosty odtwarzacz którego wygląd kontroluje przeglądarka starczy sam HTML i znacznik <audio>

komentarz 7 lipca 2015 przez Comandeer Mentor (455,080 p.)
http://forum.miroslawzelent.pl/34559/w3schools-nie-szerzmy-falszywej-propagandy - akurat przy obsłudze multimediów tam są popisane największe głupoty!
komentarz 7 lipca 2015 przez Dorion300 Szeryf (90,070 p.)
Akurat w tej chwili pomocne i prawidłowe.
komentarz 7 lipca 2015 przez Comandeer Mentor (455,080 p.)
Przy samym tagu może i tak, ale już przy zdarzeniach, bez których nie da się skonstruować customowego odtwarzacza jest bardzo krucho.
0 głosów
odpowiedź 7 lipca 2015 przez niezalogowany
Zacznij od zarysu strony. Potrzebujesz pierw projekt wizualny na którym będziesz się wzorować. Weź sobie np. kartkę a4 i rozrysuj poszczególne elementy z tej strony na niej. W głowie nie pomieścisz tego, bo jak będziesz pisać to sobie pomyślisz "aj, to mogłem dać w całość, a to mogłem zamknąć w jednym boxie". Stwórz w HTML kilkanaście div'ów oraz list <ul><li> i zacznij robić szkic strony CSS'em. Potem to już raczej JS do wzięcia muzyki.

Projekt ambitny i wymagający determinacji, jeśli zniechęcisz się do niego przez to, że jeden element się rozwalił to się nie przejmuj. Na pewno nie zrobisz tego w jeden dzień, więc rozłóż sobie to w czasie. Np. poświęć godzinę-dwie dziennie dodając po kolei element po elemencie i suma sumarum stworzysz tą stronę (chyba, że będziesz mieć silną motywację i będzie Tobie sprawiać radość takie pisanie, to możesz i cały dzień siedzieć :D). Jeżeli znajdzie ci się trudny orzech do zgryzienia to pytaj, postaramy Ci się pomóc i nakierować na odpowiednią drogę.
komentarz 7 lipca 2015 przez KaskiPL Początkujący (330 p.)
edycja 7 lipca 2015 przez KaskiPL

Nie mogę wykombinować jak zrobić, by po skończeniu jednej piosenki włączała się następna. Dołanczam zdjęcie mojej pracy (zdjęcie 1), ale jeśli masz lepszy sposób jak by to lepiej zrobić to chętnie posłucham. przypominam, że chodzi mi o uzyskanie +/- takiego efektu:(zdjęcie 2).

Pomóż

Jeśli masz rozmazanie zdjęcie 1 to:

<!DOCTYPE HTML>
<html lang="pl">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    
    <title>muzyka test</title>
    
    
    
    <script type="text/javascript">
    
        var muzyka=new Audio("piosenki/piosenka1.mp3");
        var timer1=0;
        var timer2=0;
        
        function start()
        {
            muzyka.play();
        }
        
        function stop()
        {
            muzyka.pause();
        }
        
        
            
    </script>
    
    
        
</head>

<body>

        <input type="button" value="PLAY" onclick="start()" />
        <input type="button" value="STOP" onclick="stop()" />
    
</body>
</html>

Jeśli masz rozmazane zdjęcie 2 to: http://www.premiumbeat.com/royalty_free_music/songs/mooove-your-hips-shout

Podobne pytania

0 głosów
2 odpowiedzi 194 wizyt
pytanie zadane 30 października 2015 w JavaScript, jQuery, AJAX przez Radekoslaw123 Gaduła (3,080 p.)
0 głosów
1 odpowiedź 437 wizyt
pytanie zadane 10 sierpnia 2017 w C i C++ przez robertwe Gaduła (4,600 p.)
0 głosów
2 odpowiedzi 126 wizyt
pytanie zadane 12 maja 2016 w HTML i CSS przez Nicolaus Dyskutant (9,780 p.)
Porady nie od parady
Możesz ukryć, zamknąć lub zmodyfikować swoje pytanie, za pomocą przycisków znajdujących się pod nim. Nie krępuj się poprawić pochopnie opublikowanego pytania czy zamknąć go po uzyskaniu satysfakcjonującej odpowiedzi. Umożliwi to zachowanie porządku na forum.Przyciski pytania

64,023 zapytań

110,396 odpowiedzi

231,162 komentarzy

47,800 pasjonatów

Przeglądających: 149
Pasjonatów: 1 Gości: 148

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...