# Web client for ORAC 2.0

**URL:** <https://community.blokas.io/t/web-client-for-orac-2-0/1186>\
**Category:** ORAC\
**Created:** [June 16, 2019, 6:49pm UTC](https://community.blokas.io/t/web-client-for-orac-2-0/1186 "2019-06-16T18:49:33Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![murmeklis](https://community.blokas.io/letter_avatar_proxy/v4/letter/m/34f0e0/32.png) [@murmeklis](https://community.blokas.io/u/murmeklis)\
**Post date:** [June 16, 2019, 6:49pm UTC](https://community.blokas.io/t/web-client-for-orac-2-0/1186/1 "2019-06-16T18:49:33Z")

</div>

Hi everyone, so it is exactly what the title says! If you’re not familiar with the ORAC, I suggest you start [here](https://community.blokas.io/t/orac-2-0-for-the-raspberry-pi/1099).  
Many people love using ORAC (I am one of them, thanks, Mark!) but I had some hassle setuping clients so I thought it’s a good chance to do a standalone web application to make ORAC even more accessible. With help from the awesome Blokas guys I think the result is worth sharing with the public:

 ![paveikslas](https://community.blokas.io/uploads/default/original/1X/d217a8449b409ba0aab3804dc70f3906f94df7a9.png)  
It runs on the rPi, next to the ORAC, so all you need is a web browser essentially.

### Installation

Currently tested on **Patchbox OS**  
SSH to your Pi and run:

```auto
curl https://raw.githubusercontent.com/dsedleckas/orac-control-web/master/install-orac-control-web.sh | sh

```

Open `http://<rpi-ip-address>:8080`  
If you’re stuck on loading screen, make sure ORAC module is activated and `mec.service` is running. If not, run `patchbox module config`.

### Save as an app on your phone

**If your Pi always has the same Ip address** (e.g. you’re connecting to Pi’s WiFi network and accessing `http://172.24.1.1:8080`), you could save the page as an app to your home screen. For example, on Chrome, once opened, click tripple dots and Add to Home screen. Launching application this way will open it in landscape mode and fullscreen instantly.

### Menu navigation

Interface should be familiar to any ORAC user before - page/module navigation at the top and parameter controlls below. One change that was made involves menu navigation - _Activate_ button was dropped - instead just tap/click on the wanted item. To scroll the menu (i.e. see more items in the list), you still have to use up/down buttons.

I hope you find it useful and I’d appreciate any comments/suggestions/bug reports here or on the [GitHub](https://github.com/dsedleckas/orac-control-web).

Happy music making!

---

<div class="post-metadata">

**Author:** ![fpgaona](https://community.blokas.io/user_avatar/community.blokas.io/fpgaona/32/476_2.png) [@fpgaona](https://community.blokas.io/u/fpgaona)\
**Post date:** [June 17, 2019, 9:35pm UTC](https://community.blokas.io/t/web-client-for-orac-2-0/1186/2 "2019-06-17T21:35:57Z")

</div>

Thank you for this great work, it works well. I had a problem when installing the web client, I put the solution in case it’s helpful to someone. When I went to install it I could’nt find the pip3 module. I installed it with this code and reinstalled the web client again.

sudo apt-get install python3-pip

---

<div class="post-metadata">

**Author:** ![murmeklis](https://community.blokas.io/letter_avatar_proxy/v4/letter/m/34f0e0/32.png) [@murmeklis](https://community.blokas.io/u/murmeklis)\
**Post date:** [June 18, 2019, 5:58am UTC](https://community.blokas.io/t/web-client-for-orac-2-0/1186/3 "2019-06-18T05:58:27Z")

</div>

thanks, I’ll add this to readme

---

<div class="post-metadata">

**Author:** ![M\_Rollers](https://community.blokas.io/user_avatar/community.blokas.io/m_rollers/32/639_2.png) [@M\_Rollers](https://community.blokas.io/u/M_Rollers)\
**Post date:** [June 18, 2019, 9:32pm UTC](https://community.blokas.io/t/web-client-for-orac-2-0/1186/4 "2019-06-18T21:32:07Z")

</div>

![](https://community.blokas.io/uploads/default/original/1X/afb07eedf2d2a7bf7eb3244422dbb7e61e17f9ed.gif)

---

<div class="post-metadata">

**Author:** ![pbartmess](https://community.blokas.io/user_avatar/community.blokas.io/pbartmess/32/679_2.png) [@pbartmess](https://community.blokas.io/u/pbartmess)\
**Post date:** [June 22, 2019, 8:16am UTC](https://community.blokas.io/t/web-client-for-orac-2-0/1186/5 "2019-06-22T08:16:45Z")

</div>

Thanks so much!

---

<div class="post-metadata">

**Author:** ![Justin](https://community.blokas.io/user_avatar/community.blokas.io/justin/32/710_2.png) [@Justin](https://community.blokas.io/u/Justin)\
**Post date:** [June 28, 2019, 4:40pm UTC](https://community.blokas.io/t/web-client-for-orac-2-0/1186/6 "2019-06-28T16:40:58Z")

</div>

Dumb question - so using this nice GUI can it work on the same RPi itself running Orac if I also have a screen attached? or is it only for remote network control from another device?

---

<div class="post-metadata">

**Author:** ![Giedrius](https://community.blokas.io/letter_avatar_proxy/v4/letter/g/6a8cbe/32.png) [@Giedrius](https://community.blokas.io/u/Giedrius)\
**Post date:** [June 28, 2019, 10:41pm UTC](https://community.blokas.io/t/web-client-for-orac-2-0/1186/7 "2019-06-28T22:41:14Z")

</div>

Yes it should work on RPi itself, just use [http://127.0.0.1:8080](http://127.0.0.1:8080) or [http://localhost:8080](http://localhost:8080) as the address in the browser on RPi.

---

<div class="post-metadata">

**Author:** ![languidlost](https://community.blokas.io/letter_avatar_proxy/v4/letter/l/e8c25b/32.png) [@languidlost](https://community.blokas.io/u/languidlost)\
**Post date:** [July 4, 2019, 11:47am UTC](https://community.blokas.io/t/web-client-for-orac-2-0/1186/8 "2019-07-04T11:47:10Z")

</div>

I went to change the bpm on the clock and ran into an issue. I appear to be having two problems in the web client- 1) the S1 module is the last module in the chain and 2) the S2 module in S1 appears blank.

I’m trying to figure it out. using the web client, can you edit the S2 module?

Can anyone check on their setup if this is the case? Am I wrong about this? Has it been changed? Bug?

---

<div class="post-metadata">

**Author:** ![fpa](https://community.blokas.io/letter_avatar_proxy/v4/letter/f/22d042/32.png) [@fpa](https://community.blokas.io/u/fpa)\
**Post date:** [July 4, 2019, 7:29pm UTC](https://community.blokas.io/t/web-client-for-orac-2-0/1186/9 "2019-07-04T19:29:16Z")

</div>

I’ve just tryed, and with pyton3, that work fine ! Now, i can manage my preset in my bath, what else?

---

<div class="post-metadata">

**Author:** ![greaterthanzero](https://community.blokas.io/user_avatar/community.blokas.io/greaterthanzero/32/586_2.png) [@greaterthanzero](https://community.blokas.io/u/greaterthanzero)\
**Post date:** [July 16, 2019, 2:07am UTC](https://community.blokas.io/t/web-client-for-orac-2-0/1186/10 "2019-07-16T02:07:36Z")

</div>

Probably worth mentioning, big sale on tablets over at Prime Day.

> **[Fire Tablets - Amazon Devices](https://www.amazon.com/b?node=6669703011)**

7" Kindle Fire should be more than enough for this, and it’s $30 right now. Two for $50.

---

<div class="post-metadata">

**Author:** ![Pranciskus](https://community.blokas.io/user_avatar/community.blokas.io/pranciskus/32/63_2.png) [@Pranciskus](https://community.blokas.io/u/Pranciskus)\
**Post date:** [July 16, 2019, 11:26am UTC](https://community.blokas.io/t/web-client-for-orac-2-0/1186/11 "2019-07-16T11:26:59Z")

</div>

These tablets are great value for money. Bought one some time ago. Once the Google Play Store is installed you can use it to run e.g. Pisound and Lemur apps. 😉

---

<div class="post-metadata">

**Author:** ![greaterthanzero](https://community.blokas.io/user_avatar/community.blokas.io/greaterthanzero/32/586_2.png) [@greaterthanzero](https://community.blokas.io/u/greaterthanzero)\
**Post date:** [July 16, 2019, 12:30pm UTC](https://community.blokas.io/t/web-client-for-orac-2-0/1186/12 "2019-07-16T12:30:35Z")

</div>

I have one as well, somewhere. Couldn’t find it all day, so I guess I’m buying a spare.

That’s great news about the Google Play Store unlocking those. I was strictly thinking about this as a web client for ORAC.

---

<div class="post-metadata">

**Author:** ![vibe\_smutax](https://community.blokas.io/user_avatar/community.blokas.io/vibe_smutax/32/888_2.png) [@vibe\_smutax](https://community.blokas.io/u/vibe_smutax)\
**Post date:** [January 28, 2020, 12:33am UTC](https://community.blokas.io/t/web-client-for-orac-2-0/1186/13 "2020-01-28T00:33:42Z")

</div>

Hi there. Would it be possible to implement (organelle’s) keyboard & aux button functionality? Many thanks.

---

<div class="post-metadata">

**Author:** ![greaterthanzero](https://community.blokas.io/user_avatar/community.blokas.io/greaterthanzero/32/586_2.png) [@greaterthanzero](https://community.blokas.io/u/greaterthanzero)\
**Post date:** [February 3, 2020, 11:49am UTC](https://community.blokas.io/t/web-client-for-orac-2-0/1186/14 "2020-02-03T11:49:20Z")

</div>

> [@vibe\_smutax](#):
>
> Would it be possible to implement (organelle’s) keyboard & aux button functionality?

In the web interface?

What do you envision those buttons doing?

---

<div class="post-metadata">

**Author:** ![vibe\_smutax](https://community.blokas.io/user_avatar/community.blokas.io/vibe_smutax/32/888_2.png) [@vibe\_smutax](https://community.blokas.io/u/vibe_smutax)\
**Post date:** [February 3, 2020, 12:05pm UTC](https://community.blokas.io/t/web-client-for-orac-2-0/1186/15 "2020-02-03T12:05:39Z")

</div>

Same as what they do for organelle… producing (midi) notes & assisting in operation ((programming), in case of aux button).  
Is there something wrong with that idea? 🙂  
The web client is analogues to touchosc app, isn’t it, where that kind of functionality can be achieved. In my understanding anyway…

---

<div class="post-metadata">

**Author:** ![murmeklis](https://community.blokas.io/letter_avatar_proxy/v4/letter/m/34f0e0/32.png) [@murmeklis](https://community.blokas.io/u/murmeklis)\
**Post date:** [February 4, 2020, 12:32pm UTC](https://community.blokas.io/t/web-client-for-orac-2-0/1186/16 "2020-02-04T12:32:36Z")

</div>

Is it possible to send note data using Touchosc app? I do not recall such functionality at the API level this is currently implemented, so, no, there are no plans for that.

---

<div class="post-metadata">

**Author:** ![vibe\_smutax](https://community.blokas.io/user_avatar/community.blokas.io/vibe_smutax/32/888_2.png) [@vibe\_smutax](https://community.blokas.io/u/vibe_smutax)\
**Post date:** [February 8, 2020, 12:18am UTC](https://community.blokas.io/t/web-client-for-orac-2-0/1186/17 "2020-02-08T00:18:11Z")

</div>

Yes, Touchosc definitely can send note data! What it might not be able to handle is menu navigation, which is already implemented nicely here.

---

<div class="post-metadata">

**Author:** ![greaterthanzero](https://community.blokas.io/user_avatar/community.blokas.io/greaterthanzero/32/586_2.png) [@greaterthanzero](https://community.blokas.io/u/greaterthanzero)\
**Post date:** [February 29, 2020, 11:14am UTC](https://community.blokas.io/t/web-client-for-orac-2-0/1186/18 "2020-02-29T11:14:52Z")

</div>

> [@vibe\_smutax](#):
>
> Same as what they do for organelle… producing (midi) notes & assisting in operation ((programming), in case of aux button).  
> Is there something wrong with that idea? 🙂  
> The web client is analogues to touchosc app, isn’t it, where that kind of functionality can be achieved. In my understanding anyway…

I think “it’s possible” is the right answer, yes.

It would require that those buttons be added to the web interface, obviously. And in lieu of MIDI, I think it should send OSC messages.

I believe you would also need to edit the Orac template to listen for those messages, and then route them to wherever the messages from native Organelle buttons are passed in.

So… some amount of reverse engineering required. But you didn’t ask if it would be easy. You only asked for possible.

---

<div class="post-metadata">

**Author:** ![mistymountainblow](https://community.blokas.io/user_avatar/community.blokas.io/mistymountainblow/32/921_2.png) [@mistymountainblow](https://community.blokas.io/u/mistymountainblow)\
**Post date:** [March 4, 2020, 4:20am UTC](https://community.blokas.io/t/web-client-for-orac-2-0/1186/19 "2020-03-04T04:20:42Z")

</div>

After much searching around within the orac files I cannot find the setting to increase the timeout value of the menu change process. When using a touch pad, the menu system is too quick at autoselecting options. Please let me know if there is a way to add a couple of milliseconds to it.  
-sam

---

<div class="post-metadata">

**Author:** ![Sam\_Knot](https://community.blokas.io/user_avatar/community.blokas.io/sam_knot/32/915_2.png) [@Sam\_Knot](https://community.blokas.io/u/Sam_Knot)\
**Post date:** [March 4, 2020, 6:25am UTC](https://community.blokas.io/t/web-client-for-orac-2-0/1186/20 "2020-03-04T06:25:52Z")

</div>

Hello mate, I had same problem and haven’t got round to fixing it yet, but believe the answer ye seek be here: [Orac 2.0 for the Raspberry PI](https://community.blokas.io/t/orac-2-0-for-the-raspberry-pi/1099/33)

- 

On another note, I wanted to make a remote client of my own - either using touchosc or mobmuplat - thought it would be cool to add some pages to the standard menu with for instance a grid for sequencing &/ xy-multitouch… So attempting to reverse engineer from studying @thetechnobear’s PD client. Anyway I have no problem whatsoever sending osc data to orac, but I can’t get anything back, is there some step I’m missing? For instance I noticed the PD client sends a /Connect 6101 to oscout upon start up - I tried mimicking that with a mobmuplat patch but no joy… I’ll keep at it a bit I guess, but any guidance would be appreciated.

Cheers all have gooddaze

[Next page](https://community.blokas.io/t/web-client-for-orac-2-0/1186.md?page=2)
