Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/imgly/vesdk-ionic-demo
Ionic plugin demo for VideoEditorSDK iOS and Android
https://github.com/imgly/vesdk-ionic-demo
android editor ionic ios video video-edit-sdk video-editor videoeditor-sdk
Last synced: 28 days ago
JSON representation
Ionic plugin demo for VideoEditorSDK iOS and Android
- Host: GitHub
- URL: https://github.com/imgly/vesdk-ionic-demo
- Owner: imgly
- License: other
- Created: 2020-06-24T08:23:39.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-10-11T07:05:21.000Z (over 1 year ago)
- Last Synced: 2024-11-09T18:43:53.544Z (3 months ago)
- Topics: android, editor, ionic, ios, video, video-edit-sdk, video-editor, videoeditor-sdk
- Language: TypeScript
- Homepage: https://www.videoeditorsdk.com
- Size: 8.25 MB
- Stars: 2
- Watchers: 7
- Forks: 1
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# VideoEditor SDK Ionic Example App
This project shows how to integrate [VideoEditor SDK](https://www.videoeditorsdk.com/?utm_campaign=Projects&utm_source=Github&utm_medium=VESDK&utm_content=Ionic-Demo) into an Ionic application with the [Cordova plugin for VideoEditor SDK](https://github.com/imgly/vesdk-cordova) which is available via NPM as [`cordova-plugin-videoeditorsdk`](https://www.npmjs.com/package/cordova-plugin-videoeditorsdk).
## Getting started
After cloning this repository, perform the following steps to run the example application:
1. Add platforms to your project as follows:
```sh
ionic cordova platform add android
# or/and
ionic cordova platform add ios
```
2. Add VideoEditor SDK plugin to your project as follows:
```sh
ionic cordova plugin add cordova-plugin-videoeditorsdk
```
3. Run the application:
```sh
# run Android
ionic cordova run android
# run iOS
ionic cordova run ios
```
## Unlock the SDK
VideoEditor SDK is a product of img.ly GmbH. Without unlocking, the SDK is fully functional but a watermark is added on top of the video preview and any exported videos.
In order to remove the watermark and to use VideoEditor SDK within your app **you'll need to [request a license](https://account.photoeditorsdk.com/pricing?product=vesdk&?utm_campaign=Projects&utm_source=Github&utm_medium=VESDK&utm_content=Ionic-Demo) for each platform and load the license file(s)** in your app with the following single line of code that automatically resolves multiple license files via platform-specific file extensions.
Rename your license files:
- Android license: `ANY_NAME.android`
- iOS license: `ANY_NAME.ios`
Pass the file path without the extension to the `unlockWithLicense` function to unlock both iOS and Android:
```js
VESDK.unlockWithLicense('www/assets/ANY_NAME');
```
#### Notes for Ionic framework
- Add this line above your class to be able to use `VESDK`.
```js
declare var VESDK;
```
- Ionic will generate a `www` folder that will contain your compiled code and your assets. In order to pass resources to VideoEditor SDK you need to use this folder.
## VideoEditor SDK for iOS & Android
The Cordova plugin for VideoEditor SDK includes a rich set of most commonly used [configuration and customization options](https://github.com/imgly/vesdk-cordova/blob/master/types/configuration.ts) of VideoEditor SDK for iOS and Android. The native frameworks provide **fully customizable** video editors. Please refer to [our documentation](https://docs.videoeditorsdk.com/?utm_campaign=Projects&utm_source=Github&utm_medium=VESDK&utm_content=Ionic-Demo) for more details.
## License Terms
Make sure you have a [commercial license](https://account.photoeditorsdk.com/pricing?product=vesdk&?utm_campaign=Projects&utm_source=Github&utm_medium=VESDK&utm_content=Ionic-Demo) for VideoEditor SDK before releasing your app.
A commercial license is required for any app or service that has any form of monetization: This includes free apps with in-app purchases or ad supported applications. Please contact us if you want to purchase the commercial license.
## Support and License
Use our [service desk](http://support.videoeditorsdk.com) for bug reports or support requests. To request a commercial license, please use the [license request form](https://account.photoeditorsdk.com/pricing?product=vesdk&?utm_campaign=Projects&utm_source=Github&utm_medium=VESDK&utm_content=Ionic-Demo) on our website.