No description, website, or topics provided.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
.idea
app
gradle/wrapper
.gitignore
Finwe_Orion360_SDK_Pro_Evaluation_Kit_License_en_US-20161212_1500.pdf
README.md
build.gradle
gradle.properties
gradlew
gradlew.bat
settings.gradle

README.md

alt tag

Hello World with Orion360 SDK (Pro) for Android

This repository contains a minimal Hello World -style example of adding 360 video playback capability into an Android application project using Android Studio and Orion360 SDK for Android.

Before using the SDK, read Licence Agreement

This application is available in Google Play

Table of Contents

  1. Prerequisities
  2. Cloning the project
  3. Creating an empty application project
  4. Acquiring Orion360 SDK binaries
  5. Adding OrionView to the XML layout
  6. Writing Java code
  7. Adding Android permissions
  8. Acquiring Orion360 SDK license file
  9. Running the application
  10. What next?

Prerequisities

Install Android Studio IDE (recommended version is 2.2 or newer): https://developer.android.com/studio/install.html

Then, using the SDK Manager tool, install one or more Android SDKs. Notice that for Orion360 SDK Pro, minimum API level is 19: Android 4.4 KitKat.

Update: Starting from Orion360 SDK (Pro) for Android v. 3.1, the minimum API level is 18: Jelly Bean.

For accessing GitHub repositories, check that you have Git (open console and type 'git') or install it and restart Android Studio: https://git-scm.com

Cloning the project

You can either create the project from scratch by following the instructions below, or clone the ready project from GitHub as explained here.

To clone the project from GitHub, start Android Studio, select "Check out project from Version Control" and "Git" from the popup dialog.

alt tag

Set repository URL, parent directory, and project directory.

Notice that the repository URL is easy to copy-paste from browser to Android Studio: click the green "Clone or download" button on the project's GitHub page, copy the URL from the dialog that appears, and paste it to Android Studio's dialog.

alt tag

Cloning the project will take a moment. Android Studio then asks if you want to open the project. Answer "Yes".

alt tag

The project opens, and Android Studio performs Gradle sync that will take some time (please wait). After Gradle sync finishes, you can find the project files by opening the Project view on the left.

You can now proceed to connecting an Android device to your computer via a USB cable, and then run the app on device.

alt tag

Creating an empty application project

Start Android Studio application. From the welcome screen, select 'Start a new Android Studio project'.

alt tag

Fill in your application name, company domain, package name, and project location. Click Next button.

alt tag

Check that "Phone and Tablet" is selected, and the minimum SDK is at least "API 19: Android 4.4 (KitKat)". Click Next.

Update: Starting from Orion360 SDK (Pro) for Android v. 3.1, the minimum API level is 18: Jelly Bean.

alt tag

Choose "Empty Activity". Click Next.

alt tag

Uncheck 'Backwards Compatibility (AppCompat)', we don't need it. Click Finish. New application project will be created.

alt tag

After a moment of processing, you should see Android Studio IDE with your newly created project files.

alt tag

Connect an Android phone or tablet to your computer using a USB cable, and check that developer mode has been enabled: you should find "Developer options" under your device's Settings view. If not, navigate to Settings > About phone > Build number, and tap the section 7 times to become a developer.

alt tag

From Android Studio menu, select Run > Run 'app', and when the 'Select Deployment Target' dialog appears, check that your device shows up in the "Connected Devices" list, and is selected. Click OK. The application will be built and deployed to your device.

alt tag

After a moment of processing, the app should start on your Android device.

alt tag

Acquiring Orion360 SDK binaries

Now that the application project skeleton is working, let's add 360 video playback capability using Orion360 SDK.

First, we need to acquire Orion360 SDK binaries. To make this super easy for developers, we distribute them via our public repository at bintray.com. Let's add the repository to the project.

In Android Studio's Project view, expand Gradle Scripts and double click build.gradle file for the Project.

alt tag

Find section 'allprojects' and add the following line inside 'repositories':

maven { url 'https://finwe.bintray.com/orion360-sdk-public' } // For Orion360 SDK

After editing a gradle file, the IDE suggests to sync the project. Accept the suggestion, or click the Sync button from the toolbar.

alt tag

After gradle sync has finished, in Android Studio's Project view, double click build.gradle file for the app module. Find section 'dependencies', and add the following lines inside it:

compile 'fi.finwe.orion360:orion360-sdk-pro:3.1.00.014' // From Finwe maven repo at Bintray
compile 'fi.finwe.util:finwe-util:1.0.04' // From Finwe maven repo at Bintray

After editing a gradle file, the IDE suggests to sync the project. Accept the suggestion, or click the Sync button from the toolbar.

Notice that here we will use version '3.1.00.014' of the SDK binaries. When new versions are released, you can simply type here the version number that you wish to use in your project. Upgrading to the latest Orion360 version requires nothing more than changing the version number, performing gradle sync, and rebuilding the app (unless there are API changes).

alt tag

Now we can use Orion360 SDK in the project.

Adding OrionView to the XML layout

In Android Studio's Project view, expand res > layout and double click activity_main.xml. Select 'Text' pane to hide the designer and show the layout's XML code. Then, above TextView item, add the following lines:

<fi.finwe.orion360.sdk.pro.view.OrionView
  android:id="@+id/orion_view"
  android:layout_width="match_parent"
  android:layout_height="match_parent" />

alt tag

If you now switch back to 'Design' tab, you can see that the video view will expand to fill the layout.

alt tag

Writing Java code

In Android Studio's Project view, expand java > fi.finwe.orion360.sdk.pro.hello and double click MainActivity.

By default, the MainActivity class extends Activity class. Change it to SimpleOrionActivity instead, and press ALT+ENTER when Android Studio suggests to import the missing class (fi.finwe.orion360.sdk.pro.SimpleOrionActivity). SimpleOrionActivity is a helper class that creates all necessary Orion objects and binds them together to form a simple player configuration.

public class MainActivity extends SimpleOrionActivity {

Then append to onCreate() method a line that takes in use the OrionView object that we defined in the activity's XML layout. This is where the 360 content will appear.

setOrionView(R.id.orion_view);

Finally, set a URI to the 360 content that we want to be rendered within OrionView.

setContentUri("https://s3.amazonaws.com/orion360-us/Orion360_test_video_2d_equi_360x180deg_1920x960pix_30fps_30sec_x264.mp4");

Now we have written all Java code that is required for a basic 360 video player.

alt tag

Adding Android permissions

Since we are going to stream a video file from the network, we must add INTERNET permission to the application project's manifest file, as usual. In Android Studio's Project view, expand app > manifests, and double click AndroidManifest.xml. Then add the following line above 'application' section:

<uses-permission android:name="android.permission.INTERNET" />

alt tag

Acquiring Orion360 SDK license file

As Orion360 SDK is a commercial product, it requires a license file to work. In order to get a license file for your own app, you need to buy the SDK. Your license file will be locked to the package name you have selected for your app. To apply the license file, in the Android Studio's Project view, create a directory 'assets' under the 'app' root, and download and copy the license file there.

However, to continue evaluating the SDK with the hello app, you can use the (watermarked) license file that is provided with this tutorial. Following the instructions above, download and copy this file under your project's /assets folder:

Orion Hello License File

You can now get a watermarked evaluation license file also for your own package name by creating an account to https://store.make360app.com, starting a new SDK project, providing your own package name, and selecting FREE Trial.

Notice that the license file is a simple text file, but since it is signed, any kind of editing makes it invalid. Especially, watch out line endings - file editors, version control software and copy-paste operation may silently convert between CR/LF and LF characters, and even though the file looks exactly the same, it isn't!

alt tag

Running the application

Now we are ready to try the app on device. From Android Studio menu, select Run > Run 'app', and when the 'Select Deployment Target' dialog appears, check that your device shows up in the "Connected Devices" list, and is selected. Click OK. The application will be built and deployed to your device.

alt tag

The application begins to stream the video file from network, and when the media player has buffered enough content, video starts to play on screen. Since this is a 360 video, you can look around: try out panning by rotating the device around you or by pulling the image with a finger. Use 2-finger pinch and rotate to zoom and rotate the image, respectively.

In just a few minutes, you have created your own 360 video player app that can play equirectangular MP4 video files from the network and supports gyro and touch panning, as well as pinch zooming and rotating. Pretty cool, ha?

What next?

You have barely scratched the surface! To learn more about the Orion360 SDK, clone the Orion360 SDK example app from the following Github repository, and open the project in Android Studio. Go through the examples to learn how to play videos and images from different locations, apply VR mode, add interactive hotspots, and lots of other cool features.

https://github.com/FinweLtd/orion360-sdk-pro-examples-android