0
votes
1answer
19 views

Canvas with fade on top of <video>

I am using this code to create a fading trail. It uses context.fillStyle = 'rgba(0,0,0,0.12)'; to create the fade. The problem is that I want use the fading trail on top of a <video> element and ...
0
votes
1answer
10 views

Reduce width and height of fillPatternImage within kinetic circle

Is it possible to reduce width and height of fillPatternImage in circle as we wish which is based on radius? please let me know.
1
vote
2answers
44 views

animated gif vs video vs canvas - for speed & file size

Assuming a simple product demo e.g. the one found on http://www.sublimetext.com/ i.e. something this isn't traditional high res video and could be reasonable accomplished with: animated gif video ...
0
votes
2answers
62 views

P2P Video Confrencing using HTML5 or Javascript

I am trying to build video conferencing using html5 and javascript till now i am able to stream my camera capture and display it on canvas here is the code <!DOCTYPE html> <html ...
0
votes
1answer
36 views

How To: Draw (HTML5) Video into (Custom) Canvas Shape with KinecticJS

Here's my example: http://jsbin.com/urofan/7/edit I would like to draw the video into a custom shape, not in a rectangle shape, is that possible right now? (PS: The shape is draggable) All I found ...
0
votes
0answers
25 views

What is the best way to embed many videos and pan/zoom to navigate the page?

I am trying to put on a page couple of videos(mp4) on a html5 canvas, then implement pan & zoom with JS as a navigation for them. The problem is that it becomes heavy to navigate quite soon. So I ...
0
votes
1answer
81 views

Video, that lets user control the camera angle

The scenario: A guy walks along a route, through the crowd at a pool party. The camera setup, is a customised rig with an array of GoPro's covering 360 degrees of rotation. The end result needs to ...
0
votes
1answer
22 views

How to draw sketch on video for a website

How to draw sketch or elements like line, circle, square on any video on a webpage ?
0
votes
0answers
1k views

Unable to take photo from webcam using HTML5 and getUserMedia() in Google Chrome on first page load

Taking reference from this article on HTML5Rocks I am trying to build a utility to take photo from webcam. Below is my HTML code snippet: <button type="button" name="btnCapture" ...
0
votes
0answers
144 views

Camera access with HTML5 not working

Trying to access the camera using HTML5 using canvas and video tag. Tried the below code on IOS5, IOS6, Andorid 4.1 but did not work. Can someone please help. No response from the device when clicked ...
1
vote
0answers
197 views

Generating a thumbnail for HTML5 CORS <video>

This question has 2 parts, really - the getting of the thumbnail image using canvas is straight forward. K Scott Allen did a post of this here Basically, this is the code and I have tried it: ...
0
votes
1answer
99 views

HTML5 video and image integration using canvas?

I have got my video & its playing fine, but now i need to add a logo on my video tag at right bottom corner(the coordinates(2,2,60,60) icon size is 60*60), I thought of using canvas, but came up ...
3
votes
2answers
313 views

Is it possible to access whole screen using WebRTC getusermedia and HTML5?

I am trying my hands to share my screen locally through the browser. is it possible to share screen using getusermedia or HTML5 ?
2
votes
2answers
3k views

Motion jpeg in html5 canvas

I'm trying to wrap motion jpeg (mjpeg) stream (from webcam) into html5 canvas. I know Safari and Chrome have native support for mjpeg so that I can put it into img to make it work. The reason I want ...
0
votes
1answer
287 views

HTML5 Save Video/Canvas Tag to File

I have a page that plays 4 videos from a local source, and I combine those all into a canvas so that all display through one element (I update the image on the canvas every X seconds). Is there any ...

1 2 3
15 30 50 per page