Sprite Image reference using TTML - sprite

Can I use TTML to create cue that link thumbnail image file coordinates to a range of time the thumbnail represent.
I would like to use TTML to create the cue reference of the thumbnail sprite image created for a duration of the video.
I am aware that this can be done using webvvt, but wanted to check whether this can be done for TTML.
Regards

Related

Load image from JS to Phaser Game

I'm doing a custom game which I'd like to change the background and a character picture according to a file they upload.
The input file is outside phaser. If possible, I'd like to show the picture directly without uploading to the server.
If you use a file loader to get the base64 encoding of the image, you can use this.textures.addBase64 to load the image into the texture manager, after that loads you can create new objects with that image tag, or set existing images to that texture.
Working Example =>
https://stackblitz.com/edit/phaser-use-uploaded-image

How to combine multiple image as single image in UWP

I have multiple image(near by 40 images), I need to combine these images as single image. I have referred the below link,
Combine two Images into one new Image
but I dint find anything like Graphics in UWP. How toacheive this requirement
Making a render target bitmap and draw the image to render target bitmap.
The example that how to draw image to render target bitmap.
And you can save render target bitmap to file, see http://jamescroft.co.uk/blog/how-to/storing-a-uwp-inkcanvas-drawing-as-an-image-in-a-storagefile/

NVD3.js: Is it possible to let user download any graph as JPEG or PNG Image?

I want user to let download the charts/graphs as PNG image or JPEG image. Is it possible in NVD3.js to allow user to download in this format?
i don't think nvd3 has the function built in and i have very similar requirement and "example of how to export a png directly from an svg" solved my problem (internally it adopted svg-crowbar code). basically, you need to draw the svg to a canvas then export the image to png, and "explicitly set css style" for all svg element is the caveat to make the exported image like original.

Crop images to ratio in Modx TV

Is there some plugin/way to crop images when they are uploaded in a Modx TV?
I got a slider with a ratio of 1:4. Now when the user uploads a image in another ratio, the image will stretch out.
I want something like Facebook does when you upload a cover image which is to high.
(PS: I want to use it later in Migx)
Like 'okyanet' mentioned you can use phpThumbOf to set the dimensions/ratio when MODx delivers the image.
Another way would be to use the extra 'Image+'. You still need phpThumbOf for this, but the Editor can define the clipping manually in the Manager. And you can define the ratio of the clipping in the TV-Setting for the image.
Use phpThumbOf. The 'zoom-crop' parameter will allow you to preserve the source aspect ratio and then crop it to the dimensions you require.
The image is processed when the page is parsed by MODX, rather than at the time of upload.
There are plenty of articles about how to use this extra, including this one:
http://www.belafontecode.com/image-manipulation-with-phpthumbof-in-modx-revolution/

Object Detection by giving an input image using opencv

I'm new to opencv .My requirement is that in a video by giving an input image it should tag every occurence of the image in the video using opencv. Any help would be much appreciated.
You can try with OpenCV Template Matching
where you have to extract each frame your video and apply Template Matching.
You can see OpenCV video tutorial here. Also see OpenCV documentation Reading and Writing Images and Video.
Load the input image in a global cv:Mat.
Scale this image appropriately, make this the template image(or Mat).
First load the video, then extract each frame out of it and store in a local cv::Mat.
Run template matching as suggested in the tutorial given by Harris with the local frame.
If match found, mark the frame and position using some GUI or color whatever.
Repeat process for next frame.

Resources