Maaya

Maaya is a class of utilities to generaate a AV presentation from Images, Audio and subtitles.

Make your own

Copy one of the directories from the examples folder. and edit the settings and add your own images, audio and metadata. Let's call this your presentation folder.

Configuration

Settings

For this version the configuration object will be saved in settings/settings.json inside the root of the presentation folder.

{
	"task": "maaya-options", 
	"title": "Your Presentation Title",
	"jsonldUrl": "settings/settings.json",
	"audioUrl": "path to web audio file mp3/ogg",
	"transcripUrl": {
		    "en": "metadata/webvtt/captions-en.vtt", 
		    "ka": "metadata/webvtt/captions-ka.vtt"
		    },
	"annotationsUrl": "metadata/webvtt/img-annos.vtt",
	"poster": "http://gk.chaluvaraju.pantoto.org/static/uploads/mangalya_daarana2.JPG"
}

json-ld

JSON-LD is the metadata for the Maayajaal presentation. Currently using schema.org features, for semantic markup.

Metadata

All metadata is written in webVTT format, for more details on syntax check out MDN docs

This project also includes a webVTT validator, available at localhost/validator

currently this project only supports images in the img-annos.vtt

Directory structure

maaya
+-- app
|    +-- css   // Stylesheets
|    +-- img  // Images cache
|    +-- js  //  Application scripts
|    |     +-- lib // Vendor depenencies
|    |     +-- src
|    |     |    |-- main.js    //Application entrypoint
|    |     |    |-- view.js 
|    |     |    |-- controller.js
+-- examples
|    +-- gk-demo
|    |     +-- audio
|    |     |   |-- audio.mp3
|    |     +-- images
|    |     +-- metadata
|    |     |    +-- webvtt
|    |     |        |-- captions-en.vtt
|    |     |        |-- captions-ka.vtt
|    |     |        |-- img-annos.vtt
|    |     +-- settings
|    |     |    |-- json-ld.json
|    |     |    |-- settings.json
|    |     |    |-- README.md
|    |     |-- index.html