Embed MVP is a decentralized system that uses multiple web browsers to compose the primary content output.

Want create site? Find Free WordPress Themes and plugins.

Greetings to creators and developers. Here comes the initial SDK (Small Development Kit). Explore how to get started with your first project.

Did you find apk for android? You can find new Free Android Games and apps.

Intro

The web-based system is robust to run on a variety of hardware and makes us able to tap into the vast possibilities of web-development. See the room as multiple responsive browser windows and let’s take it from here.

The MVP Mindset

We are in an exploration stage which is about having fun and experimenting. As this hasn’t been done before, it is still unknown if experiencing multimedia content in this way is interesting or not. Will the audience feel overwhelmed? Stressed? Excited? Unimpressed?

We also don’t know what is the best way to interact with this sort of installation. Should it be always on? Should the guests have full control? Should it feel more like consuming ready-made content, like watching a video playlist? Or should if feel more like walking into an art gallery? Or maybe something completely unobtrusive, that can easily be ignored?

We are taking it all one step at a time and we welcome you to be a part of it.

Please note that the current SDK is an a prototype stage and is only aimed at giving a general idea of how the system will run.

Components

These are the elements currently supported by the system. We will be adding additional modules as we go such as more walls, shower projections, controllable lights.

The Ceiling

The ceiling covers the entire space of the room and the projection is mapped out by up to four projectors. Mapping and synchronization is preset for each specific room and you don’t have to worry about that after doing it once. Since all rooms are different, the artwork should be responsive to different ratios.

 

Stereo Sound

Your project can support web audio. The volume is hardware controlled.

 

Remote Control

A web application that allows the user to loop through the project playlist.

 

External API

The application can communicate with the web, and receive external controls through (ex. external weather API, web sockets server, etc). This is also an opportunity to build unique custom made controllers for the project (ex. send a tweet, Gyro…).

 

Backlog

– public access to the Embed Playlist
– center wall
– left wall
– right wall
– shower
– object mapping (like table-tops)

Technical requirements

See it as a web canvas.

The content applications need to be able to run full screen in Google Chrome (latest version) and must include all the required application assets.

The applications should be able to work offline and must be rendered in an iframe running on a different domain (CORS permissions).

The graphics should adapt responsively to the screen aspect ratio, and work at any resolution.

Basic Examples

Example 1 – Static solid colour

<html>
<head>
<script src='https://github.com/eberryfubiz/EMBED-Lib/releases/download/1.0.0/embed.js'></script>
<style>
body {
background-color: white;
}
</style>
</head>
<body>
<script>
// Even if this not animated, we need to define a onplay handler
EMBED.onplay = () => {}
// There's nothing to load or setup, so we are ready already!
EMBED.ready()
</script>
</body>
</html>

Example 2 – Colour animation

<html>
<head>
<script src='https://github.com/eberryfubiz/EMBED-Lib/releases/download/1.0.0/embed.js'></script>
</head>
<body>
<script>
// Define a onplay handler to control the start of the animation
EMBED.onplay = () => {
// Store the timestamp of the start of the animation
const start = Date.now()
const render = () => {
// Use the difference of the current time and the start of
// the animation to calculate the hue
const hue = ((Date.now() - start) * 0.01) % 360
document.body.style.backgroundColor = `hsl(${hue},100%,50%)`
// Repeat!
requestAnimationFrame(render)
}
// Start the render process
requestAnimationFrame(render)
}
// There's nothing to load or setup, so we are ready already!
EMBED.ready()
</script>
</body>
</html>
GET EMBED.JS

Build & test

You can build and test your project locally on your computer and you can use the Preview Page to test your project in an IFRAME. This can be remotely hosted.

PREVIEW PROJECT

Next steps

If you would like to chat and discuss some tech or ideas feel free to reach out to us. Hack Sessions are coming soon, so stay tuned.

While being public, all content produced belongs to you. You will be always able to update it or remove it from the system.

Ask a question