Meta tags:
description=Pursuing the art of Ninja Hackery;

Headings (most frequently used words):

share, this, in, the, web, and, qml, mateu, batle, blog, illusions, real, time, video, editor, built, html5, open, collaboration, services, libattica, on, meego, 10, secret, ninja, weapons, for, qt, quick, developers, how, to, mingle, tetrominos, ninjas, categories, archives, meta, some, leftover, halloween, eye, candy, current, trends, general, architecture, show, me, code, future, extensions, related, work, update,

Text of the page (most frequently used words):
the (131), and (80), qml (38), you (37), for (34), video (30), with (29), new (25), this (24), window (21), game (20), opens (20), some (20), just (20), not (20), like (19), can (19), share (17), have (16), #collabora (16), are (16), webkit (15), which (15), but (15), using (14), there (13), from (12), javascript (11), all (11), that (11), ocs (11), time (10), viewer (10), email (9), content (9), been (9), use (9), might (9), real (9), demo (9), web (9), print (8), reddit (8), facebook (8), has (8), them (8), useful (8), very (8), will (8), libattica (8), html5 (8), media (8), get (7), comments (7), blog (7), create (7), 2010 (7), meego (7), ninja (7), even (7), about (7), done (7), how (7), test (7), features (7), other (7), application (7), client (7), kde (6), gstreamer (6), mbatle (6), also (6), git (6), more (6), really (6), had (6), help (6), show (6), work (6), server (6), make (6), ges (6), webrtc (6), loading (5), free (5), qtquick (5), desktop (5), link (5), images (5), people (5), well (5), way (5), animations (5), line (5), etc (5), was (5), could (5), project (5), running (5), quick (5), script (5), they (5), version (5), working (5), frame (5), every (5), let (5), stuff (5), services (5), lot (5), timeline (5), editing (5), editor (5), current (5), wordpress (4), com (4), log (4), mateu (4), batle (4), posted (4), permalink (4), tetris (4), friend (4), videos (4), although (4), find (4), file (4), user (4), code (4), creator (4), object (4), things (4), start (4), since (4), applications (4), see (4), ninjas (4), command (4), don (4), implemented (4), tool (4), your (4), when (4), check (4), need (4), record (4), output (4), actually (4), spec (4), browser (4), api (4), here (4), required (3), write (3), comment (3), already (3), october (3), tagged (3), interesting (3), something (3), does (3), without (3), zij (3), lost (3), zijlost (3), source (3), fun (3), nice (3), good (3), did (3), build (3), effects (3), timer (3), calls (3), course (3), checking (3), bit (3), main (3), state (3), same (3), technology (3), used (3), demos (3), basic (3), akademy (3), simple (3), snapshot (3), reload (3), fully (3), know (3), information (3), format (3), among (3), slow (3), down (3), specially (3), update (3), better (3), any (3), still (3), looks (3), scripts (3), documentation (3), yet (3), run (3), most (3), little (3), our (3), secret (3), open (3), collaboration (3), library (3), case (3), want (3), hope (3), items (3), thanks (3), sponsoring (3), many (3), garage (3), based (3), multimedia (3), webaudio (3), mediastream (3), explorer (3), html (3), prague (3), interface (3), jquery (3), possible (3), started (2), design (2), site (2), website (2), name (2), sign (2), subscribed (2), subscribe (2), account (2), now (2), feed (2), entries (2), september (2), november (2), 2011 (2), tetromino (2), found (2), note (2), named (2), much (2), zip (2), release (2), repository (2), tools (2), tetrominos (2), apply (2), special (2), added (2), loop (2), logic (2), written (2), end (2), order (2), screen (2), mode (2), whole (2), recommended (2), world (2), while (2), waiting (2), after (2), last (2), hot (2), recently (2), released (2), first (2), days (2), mainly (2), reading (2), examples (2), learn (2), small (2), few (2), implementation (2), finland (2), warnings (2), qmlviewer (2), qmldump (2), orientation (2), animation (2), options (2), save (2), seem (2), next (2), versions (2), text (2), sdk (2), classes (2), available (2), others (2), change (2), unfortunately (2), function (2), between (2), provide (2), called (2), feature (2), fixed (2), updates (2), times (2), differences (2), due (2), settings (2), option (2), able (2), multiple (2), png (2), files (2), existing (2), snapshots (2), take (2), later (2), during (2), store (2), image (2), frames (2), apps (2), different (2), tests (2), what (2), introduce (2), cool (2), weapons (2), point (2), coding (2), discovered (2), join (2), irc (2), list (2), reference (2), seems (2), part (2), only (2), following (2), frank (2), helpful (2), servers (2), implement (2), parts (2), needed (2), were (2), home (2), download (2), package (2), several (2), regarding (2), progress (2), where (2), efforts (2), protocol (2), would (2), contributions (2), implementing (2), into (2), general (2), though (2), allows (2), contact (2), mediatimeline (2), telepathy (2), plugin (2), call (2), nicely (2), related (2), developed (2), shown (2), linuxcon (2), enjoy (2), clips (2), blob (2), urls (2), integrate (2), future (2), extensions (2), witivi (2), depends (2), webapp (2), extension (2), keep (2), functionality (2), built (2), processing (2), locally (2), final (2), preview (2), pursuing (2), art (2), hackery (2), collapse, bar, manage, subscriptions, view, reader, report, privacy, meta, archives, categories, search, guide, creation, mixing, letters, happens, mean, dutch, sense, context, http, enjoyed, programming, scripting, languages, dissapoint, creating, rectangles, easier, moment, piece, rotation, completed, then, collisions, movement, rules, refresh, rusty, skills, afterwards, states, add, over, abstraction, helps, clean, maintainable, implements, goal, similar, involved, pattern, wanted, pursue, limits, reach, boundaries, expression, power, advanced, tutorial, exciting, land, table, finishing, assignments, gave, opportunity, tinkering, trolltech, read, past, attended, talks, spent, docs, hands, dirty, decided, learning, purposes, testbed, experiment, tampere, entirely, mingle, trick, leave, shows, debug, tree, timing, broken, worth, press, debugging, included, bin, directory, gives, properties, signals, provided, xml, guts, documented, dump, console, messages, wrong, fullscreen, borderless, portrait, landscape, ctrl, f10, sight, powers, bullets, coming, matrix, reason, checks, elapsed, ticks, simulation, affected, assuming, properly, callback, regular, intervals, slowdown, slower, sometimes, stops, seconds, saw, one, probably, fact, tweak, dialog, performance, recordfile, startup, animated, gif, supported, ffmpeg, installation, recording, stop, careful, overwrite, edit, restarts, great, testing, aid, except, basically, generates, contains, input, commands, keys, mouse, hashes, replay, automatically, recorded, errors, panic, combination, roughly, second, hash, tell, match, copy, rejected, guaranteed, repeatable, results, runs, program, event, happening, random, functions, nevertheless, error, reporting, automating, coverage, scriptopts, asking, yourself, mascot, almost, invisible, lethal, tricks, playing, anyway, missed, easily, developers, channel, ghns, freenode, net, mailing, lists, freedesktop, org, implementations, finally, dependency, dig, places, providing, fredrik, making, become, contributor, ideas, generated, postponed, soon, distributions, page, licenses, icons, summary, field, type, describe, specified, gpg, fingerprint, signatures, scale, voting, give, company, attendance, year, met, meetings, interested, karlitschek, frederik, gladhorn, daniel, wilms, henri, bergius, cornelius, schumacher, particular, made, drafting, projects, online, tested, ready, upcoming, mention, put, effort, draft, hiring, far, directed, uses, connect, quite, large, modules, say, originally, meant, matched, requirements, intel, going, recent, specification, purpose, integrating, communities, specifically, users, browse, wallpapers, typical, social, rate, access, knowledge, base, gtk, mediastreamapi, stay, tuned, contacts, integrated, chat, mostly, framework, apart, gustavo, boiko, alvaro, soliverez, abner, silva, transitions, adapt, move, render, local, push, support, layers, collaborative, potentially, beloved, css, magic, pitivi, compile, sure, specify, enable, configure, gnonlin, repos, sneak, libraries, exactly, bed, roses, lots, aforementioned, libs, helped, indeed, layout, two, fairly, easy, having, seemed, breeze, playback, accomplished, through, sink, fake, url, similarly, intrusive, codebase, changes, separate, standard, investigate, best, achieve, evolves, module, architecture, proposal, being, promoted, robert, callahan, mozilla, lead, tries, specs, haven, heard, before, briefly, these, technologies, aims, communication, additional, plugins, imagine, audio, sample, synthesis, title, post, suggest, cheat, adding, however, around, nowadays, evolution, certainly, hopefully, near, spots, moving, fast, powerful, augmented, reality, w3c, whatwg, trends, try, out, wish, install, ubuntu, located, kindly, packaged, xavier, claessens, additionally, instructions, zdra, screenshot, screencast, week, visit, conferences, conference, europe, leftover, halloween, eye, candy, advantage, data, kept, too, upload, material, resolutions, another, instead, process, touch, room, improvement, seamless, set, inpoint, outpoint, each, clip, drag, drop, excited, deeply, enjoying, tech, honest, plain, mind, functional, illusions,

Text of the page (random words):
e powerful specially regarding multimedia features just in case you haven t heard before let me introduce briefly these technologies webrtc aims to provide real time communication built in html5 without additional plugins so imagine audio and video calls possible from any html application with a simple javascript api webaudio allows to do sample processing and synthesis from javascript an interesting proposal which i discovered recently is mediastream api which is being promoted by robert o callahan from mozilla looks like it could lead to have video editing functionality in html5 and it tries to integrate nicely with the other existing specs like webrtc and html5 video general architecture there are two main parts in this demo the extension to webkit for video editing and the video editor webapp the user interface the webkit extension has been fairly easy to implement by using the gstreamer editing services ges module so having video editing features seemed like a breeze the video playback of the media timeline has been accomplished through a special webkit gstreamer sink using a fake url although we are checking how to do it with blob urls similarly to how it is done in webrtc even though the current implementation is not really very intrusive into webkit codebase it would be better to keep the changes separate from webkit for now since there is no standard for this yet we still have to investigate for the best way to achieve this but it depends on how the whole things evolves the video editor web application has been implemented using jquery jquery ui and jquery layout libraries implementing the video demo webapp has not been exactly a bed of roses but good documentation and lots of examples from the aforementioned libs helped a lot indeed show me the code here you have the git repos in case you want to sneak on how we did it ges webkit to compile ges webkit make sure you specify enable mediatimeline option on configure ges webkit depends on ges and gnonlin web video editor demo also know as witivi in reference to our beloved pitivi you can find here all the html javascript and css magic used to build the user interface future extensions here is a list of things that potentially could be done for the following versions transitions and effects on video clips in progress adapt to mediastream api move to blob urls create text and apply them on videos render to a local file push video to server media timeline support for multiple layers integrate with webrtc to do some collaborative video editing and many many more related work update apart of this demo where gustavo boiko and i have been working on with contributions from alvaro soliverez and abner silva there are some very cool related demos developed by collabora all of them were shown at linuxcon in prague we hope you enjoy them as much as we do im client running in the webkit browser an im client with chat and video calls running in the browser mostly done in javascript and html using telepathy framework video call plugin on media explorer a telepathy plugin to media explorer to be able to call our contacts integrated nicely in media explorer ui stay tuned share this share on facebook opens in new window facebook share on x opens in new window x email a link to a friend opens in new window email share on reddit opens in new window reddit print opens in new window print like loading 20 comments collabora free desktop gstreamer webkit tagged html5 video multimedia webkit webkit gtk gstreamer ges webrtc webaudio mediastream mediastreamapi timeline mediatimeline permalink posted by mbatle open collaboration services and libattica on meego october 16 2010 i am going to write about my most recent contributions to libattica libattica is a library in kde implementing a client for the open collaboration services protocol ocs ocs is a free desktop specification with the purpose of integrating web communities and web based services into desktop applications this is very general though more specifically it allows users to browse and share content like applications wallpapers etc all this done with the typical social features a user can write comments rate content contact other people access knowledge base etc thanks to intel hiring collabora for sponsoring all the work i have done in libattica so far the efforts have been mainly directed to make use of the ocs protocol in the meego garage project the meego garage client uses libattica to connect with the ocs servers ocs is actually quite large and we are just using using a small part of it just the content and the comments modules and i would even say we are using it in a way it was not originally meant but that in the end it matched the requirements we had i also want to give thanks to collabora the company i work for for sponsoring my attendance to akademy 2010 my first akademy actually and i hope to be there every year i met in finland a lot of nice people in th kde world and we had several meetings regarding ocs stuff with the people interested in it frank karlitschek frederik gladhorn daniel wilms henri bergius cornelius schumacher among many others in particular we made good progress on drafting next version of ocs spec with several updates needed by meego garage project and other projects the ocs draft spec 1 6 is online most of the features are already implemented and tested and will be ready to use in upcoming release of libattica 0 2 0 just to mention some features where i put some effort comments for content and other items new scale for voting gpg fingerprint and signatures new download type to describe a content specified by a package name and repository summary field in content icons in content items licenses video files in content items home page entries distributions not only that but there were a lot of ideas generated that had to be postponed to ocs version 2 0 version which i hope we can start to work soon frank has been very helpful in providing test servers available for me to test the client and implement in the server the parts of the spec i needed to test the client fredrik was very helpful in making me become a kde contributor finally libattica seems will be part of meego since it is a qt only library no real dependency on other kde stuff in case you want to dig more on ocs and or libattica you can check the following places open collaboration services reference implementations for client and server join to the mailing list ocs lists freedesktop org join to the irc channel ghns in irc freenode net share this share on facebook opens in new window facebook share on x opens in new window x email a link to a friend opens in new window email share on reddit opens in new window reddit print opens in new window print like loading 1 comment collabora free desktop kde meego qt permalink posted by mbatle 10 secret ninja weapons for qt quick qml developers october 5 2010 you might be asking yourself what has to do qt quick or qml and ninjas well let me introduce you the coding ninja our cool mascot at collabora and as you know real ninjas are almost invisible and use very lethal weapons but let s go to the point and see what secret stuff are using coding ninjas let me show you some useful tricks discovered while playing with qt quick and qml stuff at collabora which might not be secret really but there is little documentation about them anyway so they could be missed easily qml viewer scripts this is really great tool for demos and as a testing aid unfortunately there is no documentation on it yet except the help and scriptopts help command line options basically when you record a script it generates a qml file which contains the input commands keys mouse and some frame output information png and frame output hashes you can record test scripts and replay them later the tool automatically test if the recorded output images are still the same and check for errors during the script run it is actually checking every frame but don t panic it will not store an image for every frame it will just store a combination roughly an image every second and a hash for every frame when you test the images output it will tell you which frames don t match and even save a copy of the rejected frames if they don t of course in most apps you are not guaranteed to have repeatable results among different runs of the program due to animations little differences in time event happening at different times using random functions etc nevertheless a useful tool it can be used for error reporting automating tests coverage tests demo run of applications etc use f5 to reload in qml viewer you can have qmlviewer running your qml scripts and you can edit the source code at the same time just use f5 to reload the script of course this restarts the application use f3 to take snapshots in qml viewer be careful with f3 since will overwrite existing snapshots use f9 to start stop video recording in qml viewer it is recommended to tweak the video format and other settings in the video settings dialog for better performance you can also use the recordfile option from the command line to be able to record from the application startup you can record on multiple png files on a animated gif file or using any video format supported by your ffmpeg installation slow down animations in qml viewer if you have not the sight and powers of a ninja you might need this to slow down animations so you can see the bullets coming just like in matrix unfortunately it does not work very well my zij lost tetris like game specially in game mode the reason is that the game update function checks the real elapsed time between ticks to provide a better simulation the game update function is called from the timer qml object which is affected by the slow down animations feature as well as any qml animation object this can be fixed by just assuming the time between game updates is fixed but still it is not working properly the timer callback does not seem to get called at regular intervals the slowdown looks like 5 times slower but sometimes it stops working for a few seconds by the way i saw the qml viewer released with sdk and the one from qt creator have some differences but that is probably due to the fact i m using a qt creator snapshot change orientation in qml viewer with ctrl t or f10 you can change from portrait to landscape check the command line of qml viewer with help there are some useful features like borderless fullscreen among others check the warnings window in qml viewer there you can get your console log but there you can find also useful messages that might help you when there is something wrong in your application qml dump qmldump is a tool included in the sdk qt bin directory which gives you information about properties and signals of the classes available in qml the information is provided in xml format which might be useful to create other tools or to see the guts of some qml classes which are not fully documented press f1 for help text about debugging features in qml viewer it shows some interesting debug options like f2 save test script f4 show time and state f6 show object tree and f7 show timing although they don t seem to work in my version they are not fully implemented or broken in my qt creator snapshot version but it is worth to know they might be implemented in next versions share this share on facebook opens in new window facebook share on x opens in new window x email a link to a friend opens in new window email share on reddit opens in new window reddit print opens in new window print like loading leave a comment collabora qt qtquick tagged animation command line help ninja orientation qml qml script qmldump qmlviewer qtquick reload snapshot trick video warnings permalink posted by mbatle how to mingle qml tetrominos and ninjas september 30 2010 zij lost is a simple tetris like game done entirely in qml and javascript written to learn qt quick technology while waiting for a new and exciting project to land on my table after finishing my assignments in last project collabora gave me the opportunity to start tinkering with the hot qt quick recently released in qt 4 7 by trolltech people i had already read a bit about it in the past and even attended some talks and demos at akademy 2010 in tampere finland so i spent first days mainly reading docs running and reading examples but to really learn something i have to get my hands dirty with it so i decided to create a small tetris like game with qml just for learning purposes just for fun after a few days i had a basic implementation of the game which i am using as a testbed to experiment with qml the qml advanced tutorial was really useful since it also implements the game same game just using qml and javascript no c required my goal was similar create a whole game logic just with qml and javascript without c involved note that this might not be the recommended design pattern for real world qml applications but i just wanted to pursue the limits of this new technology get used to it and see if i could reach some boundaries in my expression power with just qml and javascript i started creating the tetrominos in qml i did not use images for them i just build them with rectangles this way it is easier to apply animations and special effects to them at the moment i have effects for piece rotation and line completed then added a timer qml object which calls the game loop all game logic is of course written in javascript things like checking collisions movement game loop game rules etc so in the end it has been useful to refresh a bit my rusty javascript skills afterwards i added some states to the main qml in order to add a start screen game mode and game over screen i found the qml state abstraction very useful and it helps to create more clean and maintainable code well it has been fun qml is fun i have enjoyed programming with it scripting languages are nice with good tools and qt creator did not dissapoint me you can find the source code the git repository at git git collabora co uk git user mbatle zijlost git also you can find a release in a zip file at http people collabora co uk mbatle zijlost zijlost zip note i named the game zij lost just a mixing of all the tetromino letters which happens to mean something in dutch even although it does not have much sense without a context new link just found a guide to game creation in qml which is interesting some images and videos share this share on facebook opens in new window facebook share on x opens in new window x email a link to a friend opens in new window email share on reddit opens in new window reddit print opens in new window print like loading 2 comments collabora qt qtquick tagged game javascript ninja qml qt qtquick tetris tetromino permalink posted by mbatle search categories collabora 4 free desktop 2 gstreamer 1 kde 1 meego 1 qt 3 qtquick 2 webkit 1 archives november 2011 october 2010 september 2010 meta create account log in entrie...