web based screen recording - javascript

is there any way to have access to the client's system screen through the browser? i'm implementing an e-learning web application i need to implement screen-casting right through my application so i want to find a way of recording screen through the web browser exactly like Screenr service, i searched but found no suitable api, there was just a chrome extetntion and html2canvas that didn't exactly match my needs, they were able to capture browser tab! not the whole system screen. i know that Screenr is doing it through Java but i'm looking for a better and dependency free way of doing it, do you have any suggestion for me? thanks.

Ok after some search and questions, i ended up with this answer:
to implement this, the best way is to use a java applet that get the user screen, of course it needs java installed and that's a disadvantage but this is the only way for now, i hope in the future some api for this is implemented in html just like filesystem api or the api that is used to access the user camera.

Related

web app- Would it be possible to disable Windows+Printscreen?

I am trying to prevent users from taking screenshot in my web application written in Java.From my research,it seems highly unlikely.I did found a link below:
https://stackoverflow.com/questions/3130983/stop-user-from-using-print-scrn-printscreen-key-of-the-keyboard-for-any-we
It's able to disable the printscreen button but it doesn't disable if a user tries to use windows+printscreen.Now, I know even if I do managed to disable it, there's other third party application like snipping tools,camera,etc to take a screenshot but that's way beyond my control and I'm not looking into those.
I was just wondering is there a way to disable Win+Printscreen to prevent user from screenshotting?
If anyone has done it before, I appreciate any sort of suggestion.
Simple answer: No
Have a quick think about why you need to hide this info, does it really matter if other people see it? I assume that you have proof that you came up with your conclusion/process first? The information will never remain exclusive forever, especially not on the internet.
You normally do not have access to higher level controls so it is normally not possible with a web app. Having said that, there are several possible ideas:
Send your content directly to the graphics device/card via an API so that it is never visible to the operating system screen space (Where print screen works). However, with the right tools it is still possible to catch a graphics stream but it's a little harder for the average user.
Make your webapp launch a custom desktop application with more control over the OS (Download an exe and run it?)
Design a plugin/extension for a web browser that limits the use of printScreen, and then only show content on your webapp if your site can see that the plugin/extension is installed and running. This may not work with the way that Chrome and Firefox now manage plugins, it would need more investigation.
The best answer would be to only show limited info/conclusions on your webapp, and keep all the proof of concept hidden. Then you can make people sign-up to your app if they want more information, and then give a strict set of criteria that must be met.

Webapp in 2 monitors

I am trying to find a way how to build a browser web app that runs in 2 monitors, like;
i have a secondary monitor that i want to put there some window, i want it fullscreen, and automatically in the secondary, so no drags, while the main app should stay in the primary monitor, where is the browser... no way seems, nothing really works so the only way seems to be with some desktop app.
I don't really care if the solution is browser dependent at this point, but still can't find a real solution.
Does a ny body tried something like this and can give me some ideas how to build it?
EDIT
... i need the second monitor to have some specific content, so not a clone of the primary...
kind of... i'm playing some game in the first monitor and i see statistics on the second...
What you are trying to do is not possible yet, but there is a Presentation API that is being discussed that would let you do exactly what you are looking for:
This specification defines an API to enable web content to access external presentation-type displays and use them for presenting web content.
Unfortunately, it seems like there are no browser implementations yet.
Your only other option right now is to use 2 independent browser pages that communicate with each other somehow (LocalStorage, WebSockets etc.).

Service for recording (camera or screenrecord) directly in browser

I'm creating a service and want to implement a way for the users to easily record a video and upload it directly in the browser. I've looked into Wowza and red5. It would probably be easiest if the video would go straight to their server for perfomance. Does anyone have any experience with either one of them, or even more so, have any other alternatives that would work? I'm building the site in Django, but I'm somewhat afraid of hosting the whole service on my own service considering the performance.
Thanks.
Take a look at this article. It explains how to capture audio and video with HTML5 only. However, the browser support for this is horrible. The best and easiest way in my opinion is to make a own app with AS3 and PHP. It's fairly easy to do and gives you the best options for customization.
Building such app in AS3 (Flash) and using Wowza as a backend is simple enough.
I personally participated in such projects.

Take a screenshot of whole screen using html5/javascript?

I am looking to take a full screenshot through a webpage, outside of the browser window. Basically, I am trying to build a help tool for both web-based apps and offline programs, and as a part of this I would like to be able to take screenshots from a webpage so the user does not have to download a program to take a screenshot/upload it to our website.
I am aware there may not be a solution to this, but if there was that would be awesome!
Cheers in advance
There are ways to achieve what you want to do in part. However, it is important to know that they do require user permissions.
You also ask if a web page can take a screenshot outside of a browser window- this is a huge breach of privacy and I would advise against implementing anything that goes down this route. For what your trying to do, it is always best to have user consent.
If you interest is in saving the user time and giving the user a more seamless experience, consider one or more of these options:
You can use one of several JavaScript plugins/ API's to allow to user to select portions of what they see on the web page and then upload it to you. For instance, you can do this on YouTube. Go to youtube.com and scroll to the bottom of the page and click Help and then Send feedback. Here you can enter text as well as "highlight" portions of the page and send them to YouTube. To achieve something like this, look into something like html2canvas.
Give your user quick access to the download pages for tools like Snipping Tool for Windows. This way, if they don't have it on their machine already, at least they don't have to go looking for it.
From my experience in dealing with customers, many of them don't even know that things like Snipping Tool exist on their machine. Perhaps, an FAQ or help section that would guide the user would be useful.
In summary, it is possible through a web page to "screenshot" what is on a web page itself but nothing I have come across that allows you to capture anything outside of the web browsers context.
This is definitively not possible using only HTML5/JavaScript. You would have to involve a browser plugin such as Flash, a Java applet or perhaps a Firefox add-on.
Note: I'm assuming you mean taking a screenshot of the entire monitor, not just the browser window.

When they say carbyn is an html5 based OS, do they mean that carbyn is a javascript based OS?

More specifically, How is it possible to create an os with a markup language? Or is this really a misnomer and the OS itself is built on top of JavaScript?
I don't wish for any sort of markup for the actual os, but it just seems like an impossible task without even the most basic control flow, like if statements/for loops or jumps.
If anyone can show me an If in Html5, I will definitely be satisfied, or just a they do that stuff with javascript works as well.
http://www.carbyn.com/
http://www.youtube.com/watch?v=mNAuB5JWfoE
It sounds like a web application, that itself is a platform for HTML5 (mostly javscript) web applications. It provides a set of APIs that javascript "applications" can implement to run on their platform and "multitask" and communicate amongst each other.
To help visualize, you can think of how facebook has apps that developers can make. That's not a perfect comparison, but it can kind of help you get in the right frame of mind. Carbyn seems MUCH more open than facebook is in terms of apps, and of course that's the whole point.
That's my thoughts after reading what's available and watching the video, hope it helps!

Categories