Changed whole node- and window-reference structure in the js-player. Now... #210
Conversation
…Now it's possible to embed a Sozi presentation and use the API to listen to events and fire them. Needs some testing for the media-plugin and might need some improvements when multiple presentations are embedded into a single page (untested).
|
Hi Kai. I am currently working on a new implementation of the editor in JavaScript and HTML. On of my concerns is to be able to open a Sozi document either as a standalone SVG or "inlined" inside an HTML document, which seems to be what you are doing. |
|
Hi, check this out: I will move this to my sozi-fork this evening so you can check it out. It's not finished yet and work in progress. Yesterday I added "SnapSvg" for scaling, rotating and animating svg-elements. Open up your javascript-developer console and try something like: // Transform svg based on its ID
svgJS.select("#text8953").transform("r180")
// get the description of the current frame (entered in inkscape)
// use "right-click --> object properties --> description" on the element you link in the sozi-plugin
// and enter your description
sozi.getCurrentFrameNotes() We should really have a Hangout to get us in sync. :-) |
+ Now you can create additional viewports
+ Change of the viewport size and update of the display-area is now possible
+ Added reference of the current svg-element which is shown for having the description which was added to the element in inkscape at hand (use getCurrentFrame(), getCurrentFrameSVG() or getCurrentFrameNotes()-methods on the sozi-object
Added presentator which is a angularJS powered presentation file. You can set every parameter you want in a json file (default.json is used - if no other is specified) and use this parameters as {{mustaches}} in your svg. Even images are possible. Press "p" to activate the presentator-example.
Please deactivtate the "presentation mode" which will bypass the sozi keybinding-events as long as deactivated, so you don't get in trouble when typing "f","t" or using the arrow-keys.
Added SnapSVG - you can now transform every SVG-Element (or even groups) via javascript. Support for frame based interaction with scaling, rotating, hiding, aso. will be added in the next release. I'm not really sure about the implementation within inkscape - any comments are welcome.
|
I will have a closer look at your work when I have a little time. |
|
Yep, sorry didn't test it in firefox - I currently use chrome for development. I'll get this fixed today. |
|
Closing this pull request since it is no longer relevant for Sozi 15. |
... it's possible to embed a Sozi presentation and use the API to listen to events and fire them. Needs some testing for the media-plugin and might need some improvements when multiple presentations are embedded into a single page (untested). Standalone mode (without embedding) and embedded version is tested - could not find any issues.
I will commit a working sample for a embedded sozi presentation with a angular-js frontend (even mustaches in the SVG are supported!) next week.
Kind regards,
Kai