Closed

3d stereoscopic video player for ipad and Galaxy Tab

This project received 5 bids from talented freelancers with an average bid price of $858 USD.

Get free quotes for a project like this
Employer working
Skills Required
Project Budget
N/A
Total Bids
5
Project Description

This is the application to play a 3d stereoscopic video with side by side format by converting it into Vertical Interlace format in realtime as playing . This is to support a 3D Film overlay, a transparent sheet placed on an iPad and Galaxy Tab 10.2, which enables users to see 3D stereo movies without the need of 3d glasses.

Here are the app's tasks:

1 Browse and choose a local video file. For iPad browse from the default video folder, for Galaxy Tab from the SD card. Or make a Video Playlist from the folder containing 3d video files.

2 Play the video (Mainly mp4 format) with on screen controls (play pause and seek bar) with timecode display.

3 The 3d video will be in side-by-side format (It has 2 views split in half for left-eye and right-eye image). we need to play the right-eye video exactly on top of the left-eye one. This means playing 2 videos on top of each other and by applying a MASK on the right-eye image we can reveal the left-eye image underneath. The important thing is both videos have to be playing in perfect synch otherwise the 3D effects would be lost.

6 There is a "Done" button to be clicked to go back to the home video playlist screen waiting for a new selection. That's it.

I've done a working HTML5 code. It's called 3DSplayer.html. What it can do so far is (tesed on GalaxyTab 10.2 only)

1 Browse and choose a local video file (only works on Galaxy Tab).
2 Play 2 HTML5 Videos, in mp4 format, on top of each other by aligning Left-eye and Right-eye video. it is tested to work on Chrome and Safari Browser only.
3 By using "Webkit mask SVG" we can point an SVG file with a black and white vertical lines (included in the project, called [url removed, login to view]) to be used as a "Mask" for the right-eye video (see the code) so that when playing both videos we will see the left-eye images underneath through the mask. The viewer can now see left-eye images on the odd-vertical line and the right-eye images on the even-vertical line.

Problems with this code,

1 The videos seem to be playing in sync but if we pause it and play again it will loose sync. However if we drag the seek bar and play again it will play in sync again. This needs to be fixed so that both video play exactly in sync on any controls users use.
2 Needs media query to limit the user's ability to scroll horizontally and fix the orientation to landscape only.

This could finally be native apps or web apps.

Looking to make some money?

  • Set your budget and the timeframe
  • Outline your proposal
  • Get paid for your work

Hire Freelancers who also bid on this project

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online