I'm trying to allow users to take pictures with their webcams and save it. How can this be done? I am looking for something similar to Facebook or dailybooth in terms of their UI. I know smoe PHP/jQuery but I'm also wondering how I could save the pictures once "taken"?
The Facebook webcam thing is made using flash as you can see here:
This is all pretty easy to achieve with Flash (the actual capturing of what the webcam can see). I'm not sure how developers get from there to uploading the image to a server, though.
If you have knowledge in Flash / ActionScript 3, then this will get you started:
Camera.getCamera()
Related
I'm a newbie in website designing and I'm stuck with a problem. I want to accomplish the following and I don't know flash:
I want to create a webpage where I can record users voice using his microphone and then save it on the server.
Once it's done i would like to access the same recording and then play it on the browser.
I want a step by step approach.
Here are some tips:
Look into developing for Flash with some Flex variant.
Then start with an example like this.
Some good keywords to use in your Bing search are flex, flash, actionscript, or spark.
How to record user's voice from the website without Flash? I want to use HTML5 but I found it will be hard to implement that. This site says this functionality is now only supported by the latest version of Chrome and Opera.
After searching the articles both here and the other site, I decide to find an alternative approach.
The scenario is: users will use different sort of platform (Android/iOS and other OS), but they access the same website and record their voice in their device and upload it later.
BTW: My purpose is that, as the users press the "Record" button on my web-page, the recording starts with his microphone. And as he presses the button again, the process stops. This can be on an iPad or a mobile phone so that he can't record his voice by some other software and store in his device then upload. They use their device to link my web-page to record voice. The webpage is not just for the users who operate on a PC.
Can I implement this function in client side via javascript? Or I should refer to Server side? What language and method should I adopt?
You can check google's web fundamental article on recording audio here : https://developers.google.com/web/fundamentals/media/recording-audio/
Its pretty easy to follow and it is device independent, obviously given correct browser support. You can get the audio recorded and saved on the local device or upload it to a server. Hope it helps.
oh, and on a note, its based on HTML5 and js. I don't know why you think implementing it using HTML5 is difficult but I hope this helps.
If it was up to me, I'd go for something like the link mentioned above and just use a fallback to Flash applet if its not supported in the users browser.
When it comes to the mobile platform, you'll have a big problem at least with the iPhone. I dont think you can upload files, and Iam pretty certain that you cannot record audio from their microphone. The best approach would be an application to do such a thing on mobile devices. Iam pretty sure that this can be done with PhoneGap - http://docs.phonegap.com/en/1.0.0/phonegap_media_capture_capture.md.html
If your not familiar with PhoneGap it allows you to write cross platform applications for mobile devices in HTML/CSS/JS and still get access to some core components. Like capturing audio.
Unfortunately no, you can't record from the browser, however, if you have an app (you can use Phonegap/Cordova (which use HTML5, JS and CSS to build your app for many platforms)) to record whatever you want to record, you can easily upload what you want to your server. It is currently impossible to use pure HTML5 in the mobile web browser to do this.
If you want to learn more about this, the API reference is a good start: http://docs.phonegap.com/en/2.1.0/cordova_media_capture_capture.md.html#capture.captureAudio
I'm creating a social networking site for books (like Goodreads) and I'd like to include a feature whereby a user can scan the barcode of a book using the webcam and get information about that book.
The functionality for finding the information is already complete. I just need to know how to make the webcam read the ISBN and output it as a string, which I can then feed into my script which fetches the information. At the moment this is just done by filling in a form with the IBSN.
My website is built using PHP.
I can't seem to find a working solution online.
Any ideas of how I could go about implementing this?
Idea would be to use Flash barcode scanner. I've seen flash software that recognizes gestures and so on, so barcode shouldn't be that hard.
Here you can see it implemented: http://gurulib.wordpress.com/2007/12/28/a-flash-based-webcam-barcode-reader/
I am trying to build a website which allows uploading of images and videos from a normal browser. This portion is easy. The tricky part which I am unfamiliar with is allowing mobile users to submit images/videos. The goal is for a mobile user to easily upload the image. Any ideas/suggestions on how to tackle this? Thanks!
*I should mention I already have a functioning website that allows image/video uploads using simple html file form. Also, I am using PHP to develop.
It is not very difficult as you may think.
There are several approaches to this:
1) You can build a mobile version for your website that fits mobile screen.
2) Build a webservice and doing a post form request from your mobile application(e.g Android).
You can have a look at mobile version to get the idea behind this.
Android: Sending an image through POST
I need to upload video files through Facebook application and later visualize all uploaded videos so that people can vote for a video they like. I searched and read some articles, but I still have questions that are not completely clear for me:
Is it better to use iframe or FBML
If I use iframe is it possible to use input type="file" and PHP to handle the uploading just like on a normal page (not with Facebook PHP SDK)
Please give me an advice what direction to take.
Uploading to Facebook using their API is notoriously difficult; first of all check out the thread on the faceboook dev forum.
I would recommend doing it in an iframe, and you'll need about 60 cigarettes and several large whiskeys to get it working.