Дойде време и за втората част от урока, в която ще представим и най-новите възможности на браузърите във връзка с deep linking. С помощта на history.pushState() (част от HTML5 history JS API-то) ще променим цялостния адрес на страницата, а не просто добавяйки hash.
В последните два урока представихме как можем да добавим AJAX презареждане на страниците в нашия сайт включително и с кеширане на информацията. Естественият ход на развитие на един сайт, а и коментари към уроците, предполагат да добавим и deep linking.
За момента сме направили една семпла страница с основен HTML markup, който да ни послужи за създаването на простичък JavaScript хронометър. Приложили сме нужните стилове, заредили сме jQuery и сме задали функция, която да се изпълни при DOMContentLoaded. Остава ни единствено да добавим и програмтана логика на нашия хронометър, за да може той да ни свърши някаква работа когато ни се наложи.
След като наскоро стана дума за дипломната ми работа (уеб приложението за възпроизвеждане на мултимедийти файлове с поддръжка за субтитри) реших да споделя и презентацията, която бях подготвил на защитата си.
Самата презентация вече е реализирана в HTML формат, така че да може да се прегледа направо в браузъра, като освен това са добавени и още няколко слайда.
Можете да я видите на https://magadanski.com/subogen-presentation/ (за следващ слайд натиснете интервал/space; също така за навигация можете да използвате и стрелките).
Остава само да отбележа, че тъй като използвам някои по-модерни техники, най-добре се вижда на Chrome и Safari. На Firefox малко насича, на Opera насича много и част от анимациите се губят. На IE9 няма никакви анимации, но поне слайдовете се сменят. IE7 и 8 не се поддържат.
Още миналата година пуснах линк за web приложение за timing на субтитри. Въпросната версия беше твърде първична и изпълнена с всякакви ограничевия, затова реших да я развия.
Още в един от първите си блогпостове бях писал, че имам мерак да направя нещо подобно и сега вече то е факт. На адрес https://magadanski.com/vbox-subs/ ще намерите едно мини-приложение, което ви позволява по въведен URL към видео във Vbox7 (например http://vbox7.com/play:f9843cc0) да извлечете субтитрите и то в стандартен .SRT формат, така че и обикновеният player, който използвате да гледате филми, да може да ги покаже.
В скоро време може да пусна и един пост, в който да споделя самия код, заедно с малко обяснения кое за какво се прави.
Update (04.08.2012):
Поради проблеми с мини-приложението съм направил Google Chrome разширение за изтегляне на субтитри от Vbox7, което да предложи лесно и удобно реализиране на целта.
Като човек, който е писал субтитри знам много добре, колко проблеми може да има понякога човек когато оправя timing-а на превода. Има програми от сорта на Subtitle Workshop, конкретно с която също съм имал много проблеми – или не ми се е виждало видеото горе, или след запис субтитрите не са били с правилен encoding или пък просто самата програма е забивала докато работя.
