Content You Need: Miraweb


miraweb1

Get ready to control your Max patch from every device you own….

With Mira, we made it possible to control and mirror a Max patch on an iPad, giving multitouch control from any iPad on your local network. This is pretty magical, but one problem nagged at us from the start: What if you don’t have an iPad? A few tireless elves in a shadowy corner of Cycling ’74 have been working steadily to seek another way. Today we celebrate the results of their dedication to expanding Max control – Miraweb and Xebra.js.

Miraweb

Miraweb provides a responsive, websocket-based portal into your Max patch from any compatible browser. Just define a region of your Max UI to control, using the mira.frame object and point a browser to the provided URL to start interacting with the patch. Since it works in any browser with websocket support, you can use it with Android devices, iPhones, various laptops and multitouch-enabled computers on your home network. In our testing, we were delighted by how effortless and responsive it was. You’ll have to try it to believe it.

Xebra.js

Not content to just open a Max UI up to multi-platform browsers, our team is also opening up the websocket-driven technology used to do the heavy lifting in Miraweb. With Xebra.js, our Open Source (MIT License) Javascript client library for communication with a Max patch, you can create your own event-based custom web interfaces. We’ve included lots of useful examples to get started, including Miraweb itself, and the API is fully documented. To put it more simply, Xebra.js lets you connect your own websites and web applications to a remote Max patch.

To learn more and explore Xebra.js for yourself, head over to our Github page.

miraweb2

Miraweb is available in the Max 7 Package Manager (Max 7 > File > Show Package Manager) and will require installing the latest Mira package update from the Package Manager. The latest version of Max is recommended for best results.


Dec 20 2016 | 10:18 am

As my colleague Ben Bracken has said elsewhere….

As far as browser support, we recommend Firefox and Chrome. Due to some issues with touch support, Microsoft Edge is not currently officially supported, but we hope to improve this down the road.

Aside from the Max Package which you can download directly from Max, here are a few relevant links to GitHub repositories and npm Packages related to Miraweb:

xebra-communicator repository:
https://github.com/Cycling74/xebra-communicator

Xebra.js repository:
https://github.com/Cycling74/xebra.js

Miraweb repository:
https://github.com/Cycling74/miraweb

xebra-communicator npm package:
https://www.npmjs.com/package/xebra-communicator

xebra.js npm package:
https://www.npmjs.com/package/xebra.js

Dec 21 2016 | 9:37 am

Isn’t that cool? Hey, you guys really rock! I was always wondering about how the phone and android problem could be solved, and now all of a sudden there comes this surprise… That is so great!
Wish all you guys a merry Christmas! And thank very much you for this early present :)

Dec 21 2016 | 9:38 am

Hats off to those few tireless elves beavering away in the corner. Tried it on my iphone and I almost can’t believe how easy it is to set up. Great work!

Dec 21 2016 | 9:51 am

Agreed – well done :)

All I need to do now is get a full licence!

Dec 21 2016 | 10:22 am

Awesome! ^^

This was on my Santa’s wish list since long time ago as: "please make Mira available on iPhones", and here we are… thanks!

Dec 21 2016 | 1:32 pm

Really nice. And free. Lovely!

Dec 21 2016 | 3:38 pm

soooo cool. Thank you thank you

Dec 21 2016 | 4:20 pm

Amazing, great work.

Dec 22 2016 | 3:23 am

BIG….BIG…work… a long time wish…. controll over web browser.
Now one of the directions could be having more objetcs reconized by mira frame. When we get a lot of objects (mostly related to interface) we can use our max apps for amazing stuff.

Congratulations for this new feature.

Best xmas for all.

Dec 22 2016 | 6:38 am

dang! this is slick!

i did a little demo… the demo is about 7 minutes long. it’s WAY longer than it took to actually push the user-interface of the patch out to the web.

https://youtu.be/NUbr4IPSDz4

the patch is the final project i did for Matt Wright’s fabulous Max class at Kadenze.

Dec 27 2016 | 5:27 pm

oh my goodness, oh my dayum.

@Mike OConnor Nice to see you here :)
Cool stuff you’re already doing with miraweb!

Best

Jan 05 2017 | 10:17 am

What does this message mean?

websocket connection available at http://none:-1

Tried with Firefox, Chrome and Safari as default browser… no luck either way.

Mar 02 2017 | 12:49 am

Hi, trying out Mira now – cool.
But I would also need a video control monitor on the iPad. Just a small jitter-movie-window. Does any body has an idea, how to integrate this ?
best
-g-

Viewing 13 posts - 1 through 13 (of 13 total)

Explore More

Subscribe to the Cycling ’74 Weekly Newsletter

Let us tell you about notable Max projects, obscure facts, and creative media artists of all kinds.

* indicates required