Znajdź zawartość
Wyświetlanie wyników dla tagów 'html5 video' .
Znaleziono 1 wynik
-
Poradnik Dobrze konwertujący i wiarygodny stream
zajaclol opublikował(a) temat w Webmastering i grafika
Przedstawiam wymyślony i sprawdzony przeze mnie sposób na podniesienie konwersji dla zarabiających na streamach. W sposobie tym nie ma nie wiadomo jakiej tajemnicy - wykorzystamy kod HTML5 Video, do stworzenia wiarygodnego streama czy playera. Poniżej przedstawiam ten kod. Miejsca gdzie jest napisane drukowanymi literami wymagają wprowadzenia przez nas odpowiednich wartości w celu dostosowania playera do naszych potrzeb. <video width="TU WPISAĆ WARTOŚĆ" height="TU WPISAĆ WARTOŚĆ" controls preload poster="HTTP://TWOJADOMENA/NAZWA.JPG"><source src="HTTP://TWOJADOMENA/NAZWA.ogv" type='video/ogg; codecs="theora, vorbis"'/><source src="HTTP://TWOJADOMENA/NAZWA.webm" type='video/webm' ><source src="HTTP://TWOJADOMENA/NAZWA.mp4" type='video/mp4'> Aby player działał, musimy wrzucić na nasz serwer pliki video o odpowiednim rozszerzeniu oraz plik graficzny. Grafikę każdy sobie wykona sam, natomiast ze stworzeniem plików video o rozszerzeniu ogv, webm, mp4 może być problem. Do tego należy użyć na przykład programu Freemake Video Converter http://www.freemake.com/pl/free_video_converter/ Jest to darmowy program pozwalający szybko przekonwertować za 1 zamachem nasz plik video w dowolnym formacie, na trzy formaty wykorzystywane w html 5. Już nie będę wrzucał screenów jak się konwertuje, myślę że każdy da sobie radę. Jeśli jednak nie to proszę pisać niżej posty, postaram się pomóc. Gdy już stworzymy pliki video o odpowiednim rozszerzeniu, wrzucamy je na nasz serwer w odpowiednie miejsce - zgodne ze ścieżką jaką podaliśmy w kodzie. Jeżeli poprawnie wgraliśmy wszystkie pliki na ftp i nie sknociliśmy niczego w kodzie video, to powinniśmy mieć player działający jak w tym przykładzie http://www.w3schools.com/html/movie.mp4 W końcu jeden z najistotniejszych kroków. Kod playera należy wrzucić w atrybut onclick i przyblokować kodem gatewaya. Dzięki temu za każdy razem gdy ktoś kliknie gdziekolwiek na playerze, czy to play czy to pasek głosu to wyskoczy nam okno gatewaya. Dla przypomnienia: <a onclick="KOD OTWIERAJĄCY GATEWAY"> KOD HTML5 VIDEO </a> Istotne uwagi Należy zuploadować video przedstawiające fragment jakiegoś wydarzenia które ma być na streamie lub coś co zachęci do wypełnienia oferty. Może to być minutowy urywek na przykład starego ksw lub zapowiedź ksw, ważne żeby film się uciął krótko po odtworzeniu i zachęcił odbiorcę do wypełnienia oferty. Kreatywność już zostawiam dla Was. Warto pamiętać aby preload poster, czyli obrazek początkowy miał takie same wymiary jakie wpiszemy w width i height. Dzięki temu będzie ładnie dopasowany do okna playera. Nietestowane na blogerze. Ostatnia uwaga to nazwa plików video i ścieżka czyli wartość jaką podajemy w src. Wszystko musi się zgadzać, nie można popełnić literówki. To chyba tyle. Dzięki temu powinniśmy znacznie podnieść konwersję, ponieważ odbiorca nie widzi kiepskiej jakości grafiki przedstawiającej player, tylko rzeczywiście prawdziwy player, który można normalnie włączyć. Mam nadzieję, że napisałem to w miarę zrozumiale. Gdyby coś było nie jasne śmiało zadawajcie pytania. Chętnie przyjmę REPY!-
- 4
-
-
- stream
- warygodny stream
- (i 1 więcej)