Skip to content

[VueJS 3] + [MorphCast HTML5 AI SDK] Example of integration

License

Notifications You must be signed in to change notification settings

MorphCast/mph-sdk-integration-vuejs

Repository files navigation

mph-sdk-integration-vuejs

This template should help get you started developing with MorphCast SDK and Vue 3 in Vite.

Getting started

Firstly, generate a license key for MorphCast SDK and insert into the configuration snippet.

You can find the configuration of the MorphCast SDK, under:

  • src/morphcast-ai-sdk/ai-sdk-loader.js

The start() / stop() controls of the MorphCast SDK are inside the Landing View:

  • src/views/LandingView.vue

All the ready-to-use components binded to the specific modules of the MorphCast SDK are under:

  • src/components/

You can find the latest documentation of the MorphCast SDK, here.


Vue 3 instructions

Recommended IDE Setup

VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build

Lint with ESLint

npm run lint