Уеб Дизайн България ® Фирмен Блог » Информация за клиентите за нашите уеб дизайн и Интернет услуги, статии и новини

Преди и след Wireframe схемите » Фирмен Блог на Уеб Дизайн България ® Помощни статии, новини и коментари

  • FLV Видео файлове във уеб сайтове, конвертиране на видео файлове във FLV флаш видео формат чрез YouTube

    Някой собственици и уебмастъри не винаги използват YouTube, за да добавят видео файлове в техните уеб сайтове, а видео стриймването чрез флаш технологии е много разпространено и удобно днес. Добавянето на FLV флаш видео файловете днес измести тежкото зареждане на MPEG и AVI файловете, които до скоро се използваха пестеливо и предпазливо в страниците и уебмастърите избягваха тяхното използване, за да не досаждат на Интернет потребителите с бавно зареждане на web страниците.


    Много уеб разработчици избягваха умишлено видеото, посетителите на сайтовете също не обичаха видео файлове заради бавното зареждане. Flash технологиите облекчиха значително тежестта на мултимедията в WEB, но и това не беше достатъчно за осигуряването на стабилен начин за видео медиата в Интернет.

    FLV Видео файловете

    FLV файловете се състоят от битово поточно видео и аудио. Видео потока, който често се използва, е H.263 видео стандарт, който също се нарича Sorenson Spark. Звуковият поток, който се намира в повечето флаш файлове е кодиран като MP3.

    Терминът “стрийминг” (въпросния поток) означава, че за да можете да видите FLV файлове през Интернет на вашия компютър, не е нужно да изтеглите целия файл предварително. С FLV файлове, парченца от файловия поток от уеб сайта на сървъра се свалят на вашия компютър. Това дава възможност да започнете да гледат видеото в реално време като този процес е по-бърз, отколкото при зареждането на цял видео файл. По този начин можете да гледате цялото видео без забавяне в даунлоада.

    Заедно с възможността за стартиране на Флаш видео незабавно, без да се налага да чакате целия файл да се свали, има и други полезни аспекти на FLV файлове. Една от ползите е, че можете да започнете да гледате видео във всеки един момент при стартиране на видеото. Така например, при флаш файл, който е с дължина от 30 минути, не е нужно да изтеглите целия файл, за да видите последните две минути. Можете просто с мишката да натиснете върху Flash Player и да “премести лентата” на последните 28 минути от видео файла.

    FLV файловете изискват Flash Player, за да бъдат визуализирани в браузъра. Както бе посочено по-горе, най-често FLV файловете са вградени в уеб сайтовете и ще се виждат с включен Flash Player. Въпреки това освен с браузър с флаш плейър, има няколко други медийни плейъри, които поддържат FLV файлове. Някои от най-популярните са VLC Player, Real Player, Windows Media Player и Zoom Player. Корейския KMPlayer също с успех и без затруднения стартира FLV файлове.

    Предимства на FLV файловете

    Предимства на FLV файловете могат лесно да се конвертират от други аудио и видео формати като AVI, MPEG, WMV и други. Тяхната големина е малка в сравнение с другите формати, могат да се зареждат във над 90% от уеб браузърите, както и да се стартират и зареждат без проблем и на слаби компютърни конфигурации.

    Недостатъците на тази технология е, че не всички Интернет потребители обичат видеото и нямат време да гледат презентации и важна информация под формата на видео презентация. Трябва да са фокусирани във плейъра и да следят клипа, а сърфистите в Мрежата обичат да се разхождат в няколко сайта едновременно и да четат информацията в тях когато преценят, скачайки от сайт на сайт особено сега, когато всички браузъри поддържат отварянето на много уеб страници наведнъж в така наречените табове.

    Въпреки това мултимедията навлиза все повече в Интернет. Представянето на важна информация под формата на флаш и видео ощетява много оптимизацията на сайтовете за търсачките, но Google днес с все повече успех индексират флаш и видео форматите.

    Конвертиране на видео файлове във FLV флаш видео формат чрез YouTube

    Ако сте собственик на уеб сайт и искате да визуализирате своето видео директно от Вашия сървър, но нямате задълбочени познания във Flash и видео технологиите и вграждането им в уеб страниците, ето един лесен и бърз начин да добавите видео директно в страниците си.

    Първо е необходимо разбира се да се сдобиете с подходящ видео файл. Много лесно и бързо можете да сглобите един като използвате софтуера Windows Movie Maker, който се намира във всяка стандартна инсталация на Windows. Ако използвате Windows XP на личния си компютър, влезте в Start меню - Programs - Accessories - Windows Movie Maker. Работата със софтуера е лесна и се свиква бързо. Видео файла, който ще експортирате е във WMV формат.

    Примерното видео във тази статия е направено точно по този начин.

    Направете си акаунт в YouTube. Качете своето видео и изчакайте да се обработи от сървъра (отнема малко време ако файла Ви е с малък размер). По-голямата част от работата вече е свършена.

    Има уеб сайтове, които лесно само с една стъпка могат да Ви предоставят за сваляне видео клипове директно от Youtube. Ето един, който можете да използвате:
    http://www.erightsoft.com/KVk.html

    Копирайте и поставете URL адреса на Вашето ново видео във полето на erightsoft.com както е посочено в примера, който са дали (видео туториала им можете да разгледате тук: http://www.youtube.com/watch?v=3V5a8mDTW6k).

    Сега остава само да натиснете бутона Download и да следвате инструкциите, които ви казват да свалите файла с дения бутон на мишката си и да му зададете разширение .flv

    Вече сте готови да добавите видеото във Вашия уеб сайт.
    Можете да използвате flash player по ваш избор или да свалите, този, които е използван в тази страница [свали от тук flash player]. Ако сте свалили файла от този линк, разархивирайте ZIP архива и ще намерите плейъра video.swf

    Качете го на Вашия сайт, качете и FLV видео файла. Вече сте готови да вградите видеото на Вашата страница като използвате този примерен HTML код:

    <object type=”application/x-shockwave-flash” width=”300” height=”234” wmode=”transparent” data=”http://www.webdesign-bulgaria.com/video.swf?file=http://www.webdesign-bulgaria.com/video/web-2-internet-websites.flv&autoStart=true“>
    <param name=”movie” value=”http://www.webdesign-bulgaria.com/video.swf?file=http://www.webdesign-bulgaria.com/video/web-2-internet-websites.flv&autoStart=true” />
    <param name=”wmode” value=”transparent” />
    </object>

    Параметрите, оцветени в червено сменете с Вашите, за да визуализирате Вашето видео. Честито!

    Сходни статии от блога на Уеб Дизайн България ®:

    1. Ефективни решения и уеб дизайн на сайтове за електронна търговия Широко разпространената възможност за високоскоростна Интернет връзка се отразява във все по-големия брой потребители, които правят поръчки онлайн. Това значи, че собственици на бизнес от всички браншове - от тези,...
    2. Създавайте удобни уеб сайтове за посетителите и търсачките Като уеб дизайнер е важно да знаете как да направите Вашият уеб сайт приятен и за посетителите му и за търсачките. Също така какви критерии да покриете и какви спомагателни...
    3. Проектиране на уеб дизайн чрез wire frame Проектирането на уеб сайтове не е лесно. Преди всичко, трябва да основем професионалният си опит на някои фундаментални навигационни механизми, които трябва да сме разгледали и изучили. Философията на “User...
    4. Уеб дизайн на бизнес сайтове - планиране стъпка по стъпка Като уеб дизайнери, мислим ли за това, къде уменията ни се вписват в дизайнерския процес най-добре? Всички ние обичаме уеб дизайна. Виждайки празният бял екран на монитора и превръщайки го...
    5. Как професионалния уеб дизайн за бизнес сайта Ви, може да Ви донесе много посетители и клиенти Как професионалния уеб дизайн за бизнес сайта Ви, може да Ви донесе много посетители и клиенти? Повечето статии относно онлайн бизнес предложенията в Интернет, дават редица съвети за успех. Определено...

    Saturday, January 3rd, 2009 at 07:01
  • Уеб Дизайн България ®
    Wednesday, February 4th, 2009 at 11:36 | #1

    За и против флаш сайтовете

    Флаш сайтовете са на мода през последните няколко години и откакто Macromedia пригодиха все повече страхотни черти за Флаш можем само да гадаем дали ще има още и още Флаш сайтове в Интернет. Както и да е, Флаш сайтовете се определят от някои като претрупани и ненужни. Къде точно да ударим чертата? Ето просто разглеждане на въпроса.

    Добрите черти:

    Интерактивност

    Скриптът за действие на Флашът отваря широко поле от възможности. Програмистите и дизайнерите използват Flash технологии, за да създадат интерактивни черти от оживени формуляри за обратна връзки до атрактивни Флаш-базирани игри. Това изцяло ново ниво на интерактивност винаги ще кара посетителите да се връщат за още.

    Стандартен Сайт

    С Флаш няма нужда да се притеснявате за съвместимостта с различните браузъри. Няма повече да се чудите как определен CSS код ще се изобразява в Internet Explorer, Firefox и Opera. Като поставите елементите на сайта си във Флаш, те винаги ще се появяват така, както са, стига потребителя обаче да има инсталиран и активен Флаш плеър, което отново не е 100% сигурно.

    По-добро изобразяване чрез анимация

    При Flash човек може да се възползва от анимационните му черти, за да предаде съобщение по много по-ефикасен и ефектен начин. Флашът е алтернатива за анимация от по-лека категория, защото е базиран на вектори и следователно има по-малка големина на файловете, в сравнение с реалните видео файлове, които са базирани на растери и имат сравнително по-голяма файлова големина.

    Флаш плеърът (Flash player)

    Хората трябва да си свалят Флаш плеър предварително, за да могат да гледат Флаш клипове, така че при употребата на Флаш броя на посетителите Ви ще намалее, тъй като не всеки ще е съгласен да си свали плеъра само, за да посети сайта Ви. Също така ще трябва да вложите допълнителен труд и в пренасочването на посетителите към страницата за сваляне на Флаш плеъра ако го нямат инсталиран.

    Оптимизация на сайта за търсачките (Search engines optimization)

    Ако съдържанието ви е представено във Флаш, повечето търсачки няма да могат да го индексират. Следователно няма да можете да се наредите на по-горни места в класациите на търсачките и ще има по–малко трафик, насочен към уеб сайта Ви.

    Време за зареждане (Loading time)

    Потребителите по принцип трябва да чакат повече за зареждането на Флаш съдържание в сравнение с обикновените текстове и изображения и някои посетители може просто да се отегчат и да натиснат бутона за връщане назад. Колкото повече време отнема на вашия Флаш да се зареди, толкова по–голям е риска да губите посетители.

    Най–добрия начин да използвате Flash е само когато наистина се нуждаете от интерактивността и движението, които предлага. Иначе използвайте смесица от Флаш и HTML или чист текст, ако сайтът Ви представя опростени текстова и графична информация.

  • Серго
    Sunday, April 19th, 2009 at 01:56 | #2

    здравейте, опитах да вградя видеото с горния код но не се получи, ако може някой да ми помогне ще съм му благодарен видеото е с име video, видео плейъра е със същото име може би затова не става или кода е сгрешен

  • Уеб Дизайн България ®
    Tuesday, April 21st, 2009 at 14:56 | #3

    Привет, Серго!
    Сигурен ли си, че си качил файла плеър, който е тук:
    http://www.webdesign-bulgaria.com/video/flash-video-player.zip

    …на твоя сайт?
    Файла е в zip архив. Разархивирай го.
    Името на файла не пречи ако е video. Какво е файловото ти разширение? Този player работи ако файла ти в FLV формат.
    Ако не е .flv файл няма да работи.
    Заменяш ли правилно горепоказаните червени редове и се увери, че всички пътища и URL адреси са точни. Ако всичко е както трябва, файла ще върви.
    Най-горе на статията има един видео файл, който се стартира именно с този код и player. Браузъра ти показва ли го?
    Ако имаш още проблеми, можеш да пишеш в коментарите спокойно.
    Поздрави!
    Радев
    Уеб дизайн България ®

  • Уеб Дизайн България ®
    Saturday, March 27th, 2010 at 06:50 | #4

    Допълнение:

    Един много приятен, работещ изрядно и бързо player - можете да го свалите от longtailvideo.com
    Нарича се JW Player и ние от Уеб Дизайн България Груп сме му вече почитатели

  • xhippie
    Sunday, July 25th, 2010 at 12:28 | #5

    Много хубаво обяснено, ясно как от avi да няправим flv файл, а обратното възможно ли е. Т.е. flv да се конвертира в avi? Ако с тази програма не е възможно, моля препоръчайте друга.

  • Уеб Дизайн България ®
    Monday, July 26th, 2010 at 23:59 | #6

    Привет, xhippie!
    Една от най-лесните програми за конвертиране, която работи бързо и безотказно, е QuickTime Pro на Apple.
    http://www.apple.com/quicktime/

Уеб дизайн България ® Фирмен блог » Публикуване на коментар