Content You Need: Miraweb
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.
- Dec 20 2016 | 6:18 pmAs 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-communicatorXebra.js repository: https://github.com/Cycling74/xebra.jsMiraweb repository: https://github.com/Cycling74/mirawebxebra-communicator npm package: https://www.npmjs.com/package/xebra-communicatorxebra.js npm package: https://www.npmjs.com/package/xebra.js
- Dec 21 2016 | 5:37 pmIsn'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 | 5:38 pmHats 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 | 5:51 pmAgreed - well done :)All I need to do now is get a full licence!
- Dec 21 2016 | 6:22 pmAwesome! ^^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 | 9:32 pmReally nice. And free. Lovely!
- Dec 21 2016 | 11:38 pmsoooo cool. Thank you thank you
- Dec 22 2016 | 12:20 amAmazing, great work.
- Dec 22 2016 | 11:23 amBIG....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 | 2:38 pmdang! 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.the patch is the final project i did for Matt Wright's fabulous Max class at Kadenze.
- Dec 28 2016 | 1:27 amoh my goodness, oh my dayum.@Mike OConnor Nice to see you here :) Cool stuff you're already doing with miraweb!Best
- Jan 05 2017 | 6:17 pmWhat does this message mean?websocket connection available at http://none:-1Tried with Firefox, Chrome and Safari as default browser... no luck either way.
- Mar 02 2017 | 8:49 amHi, 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-
- Aug 06 2017 | 7:11 pmHey GMIX, not sure if you were successful getting the websocket issue sorted out. I was able to get this working on Windows 7. You need to download the Bonjour print service from Apple in order for this to work.https://developer.apple.com/bonjour/index.htmlCheck out the link 'Bonjour print services for Windows' Once that's installed, restart Max and you should be good to go
- Mar 01 2021 | 8:34 amDear maxers, could someone help me in my struggle with miraweb? My localhost connection works just fine, the html page i created connects, responds and sends data to my max patch without any problems, but as soon as i access the same page (html file) on my web server, no connection is possible. tried to change my html code, replacing "localhost" with ip address of my computer i have max patch running on, but - everything invain. could somebody give me a little nice hint what else could i change in html? again - the same html-file on my hard disk, and the same html-file on my server, in both cases, work properly, when i access them from my laptop where i have my patch running. but i want the input made from OTCHER device, another computer, smatrphone, etc.. so that my max patch on my laptop still gets data... how could I achieve this?(here is the link of the page, a listener has to enter his name):ma max patch is open and interacts wonderfully, when i access this website from MY OWN laptop.. other devices fail...thanks in advance!
