Pokazywanie postów oznaczonych etykietą HTML 5. Pokaż wszystkie posty
Pokazywanie postów oznaczonych etykietą HTML 5. Pokaż wszystkie posty

wtorek, 13 sierpnia 2013

Szybki projekt flv2mp3.pl

Witam.

niedawno rozwinąłem wraz z bratem nowy szybki projekt pod szyldem Flv2mp3. Jest to strona internetowa na której po podaniu linku do serwisu YouTube otrzymujemy link do pobrania mp3.

Projekt jest banalny w wykonaniu i składa się z kilku kroków. Potrzebujemy serwera dedykowanego i następujących bibliotek.
- youtube-dl
- lame
- ffmpeg

W mojej konfiguracji serwera był pewien problem z biblioteką lame ponieważ jest była ona dla mojego serwera z nieznanego repozytorium dlatego potrzebowałem dodać je i pobrać dostępne paczki przy pomocy apt-get update.

Bibliotekę lame wykorzystuje do ustawienia tytułu oraz okładki każdej mp3.

Po wypuszczeniu strony w wersji testowej w trakcie użytkowania pojawił się problem. Silnik youtbue-dl wymagał aktualizacji, youtube zmienił coś w swoim działaniu. Aby zapobiec temu na przyszłość dodałem zadanie Cron które wykonuje się codziennie "youtube-dl -U" i aktualizuje silnik pobierania z YouTube.

Zapraszam do zabawy ze stroną i testowania mechanizmu.


niedziela, 21 kwietnia 2013

Wyszukiwanie Głosowe HTML 5

Wyszukiwanie Głosowe - Przyuważone w nowej wersji Allegro.pl. Muszę przyznać, chłopaki sprostali najnowszym standardom i stronę mają na czasie. Wcześniej widziałem to na swoim telefonie w przeglądarce Chrome, muszę przyznać, że dość długo się tym bawiłem. Szybciutko przeniosłem ten mini bajer na swoją stronę. Zmiana jest elegancko obsługiwana przez przeglądarkę. Testowane na IE, Mozilla i Opera. Niestety działa tylko w chrome.


<input id="sitebar_search_header" type="text" class="search search_input" name="s" tabindex="1" placeholder="Szukaj" autocomplete="off" x-webkit-speech>

Step by Step?
  1. Do pola input dodajemy atrybut x-webkit-speech 
  2. Cieszymy się wyszukiwaniem głosowym.
Jeśli macie jakieś newsy, jak uruchomić to w innych przeglądarkach to puszczajcie w komentarzach. Poniżej zamieszczam wizualizacje. 

Klikamy w mikrofon i mówimy.
Widget wkleja wypowiedziany tekst w pole input.