|
|
|
02-19-2017, 04:12 AM
|
#1
|
Pixel Pusher
Join Date: Mar 2007
Location: Blighty
Posts: 4,951
|
Web Interface - Fancier - UPDATED 24/5/2017 : Transitions disable button, fixes.
Update 24th May 2017
- Option button to enable / disable transitions. Defaults to off for iOS devices (hopefully).
- Track sends now also show hardware sends.
- Click time display to type in position or go to marker/region.
- Other fixes to cure some 'this is all horribly broken' errors.
Update 2nd May 2017
- Animated frames now rendered as individual tiles on GPU blahblahblah iOS users does this solve the frame rate problems?
Update 26th April 2017
Toolbar (use the hamburger menu) with undo / redo / metronome / snap / clear clip indicators.
I'm using a different method for doing the opening/closing animation, could those experiencing low frame rate on track open/close ( iOS and elderly Android users) please test and report back if the toolbar performs better? Cheers!
Update 14th April 2017
- Simple graphic representation of previous / current / next time position of markers and region, for informed next/previous button based navigation.
- If current time position is neither a marker nor region border you can tap to drop a marker.
- Time display moved to top, shows units.
File is attached below as usual, please test! Thanks.
Update 1st March 2017
- Sends! If the destination track has a custom colour, it will be used. I forgot to do hardware sends from non-master tracks, so that is To Do.
- Play button surround arc is now drawn using a different method (not that you should care.)
- Fixes for all the awful iOS problems, and Safari compatibility, by none other than our glorious leader himself.
- Fixes for other stuff.
If you've tested before and it went badly, I'd be enormously grateful if you'd give it another go, the latest file is attached to this post as before. Thanks!
-------------------------------------------------------------------------------------
Here is a WIP on a fancier web interface. There is a single 80kB file with no images (they're all inline SVGs) so just unzip and stick it in the usual place.
It does phone style:
and tablet style:
It has tap-to-expand faders for each track, and marker navigation:
In an effort to improve navigation in arbitrary amounts, I found FFWD/RWD buttons to be a bit hopeless because of the lag inherent in this method of control. So... I've done a jogger wheel thing. Drag forwards or backwards to build up a skip distance, drag further to go faster. When you release it will send that offset to Reaper. I'd really appreciate some feedback on the subjective feel of this, its a classic judgement call with no right answer. Thanks!
Its been tested on Chrome (Windows & Android) but that's all. I know nothing about browser compatibility, and I'm not very interested in learning (pfft), so I will be handing this over to a web type when the time comes. He said to pass on that this will never work on older browsers because of the methods I've used, and will probably never work on Safari because he'd rather smash himself in the face than deal with all that. FYI
The far from exhaustive To Do list: - track cloning
-
sends
- FX
- panning
-
not having the jog readout covered by your finger when you're jogging, derp.
- rebuild
all the remaining bits that don't line up or look quite right.
-
browser compatibility yawn. hopefully...
-
a way to reset clip indicators
-
Metronome on/off
-
Snap on/off
-
a way to zero faders I don't see a great need for this. Talk me into it...
-
Snap jogger output to nearest beat, not previous beat. No, that's nonsense, right?
-
Hardware sends from non-master tracks.
-
Undo / redo.
- Peak meter readout on armed tracks.
I've never done any programming before, so shoddiness may abound, which will no doubt need fixing as well.
Last edited by White Tie; 05-24-2017 at 04:22 AM.
|
|
|
02-19-2017, 04:27 AM
|
#2
|
Human being with feelings
Join Date: Feb 2015
Location: Ukraine, Russia
Posts: 255
|
wow, looks great
|
|
|
02-19-2017, 05:16 AM
|
#3
|
Human being with feelings
Join Date: Apr 2013
Location: France
Posts: 9,875
|
Track colors !
Awesome new style Looks very modern and fancy. There is a lot of clever details like the number of tracks armed, and region names.
Congrats !
ALso having faders below track... cool :P
It is not on your todo list but may I suggest having track hidden if they are hidden in TCP ? Track visibility support would be great.
|
|
|
02-19-2017, 05:27 AM
|
#4
|
Human being with feelings
Join Date: May 2010
Location: Norway
Posts: 7,318
|
Really looking forward to trying this
Edit: Working an looking great
Jog wheel is well thought out.
Number of tracks armed is very helpful!
I'm not getting any response on that middle field that has text "chorus1" in you image. What's intended?
Missing:
- a way to set faders at 0db
- goto > type in beat/time
- Snap jog (beat/measure)
Beat/measure number seems of by 1 measure
Android 5,5" Chrome
__________________
Reaper x64, win 11
Composer, text-writer, producer
Bandcamp
Last edited by G-Sun; 02-19-2017 at 05:44 AM.
|
|
|
02-19-2017, 06:05 AM
|
#5
|
Human being with feelings
Join Date: Oct 2007
Location: Lincoln, UK
Posts: 7,926
|
Quote:
Originally Posted by G-Sun
...
I'm not getting any response on that middle field that has text "chorus1" in you image. What's intended?
Missing:
- a way to set faders at 0db
- goto > type in beat/time
- Snap jog (beat/measure)
Beat/measure number seems of by 1 measure
Android 5,5" Chrome
|
I think the "chorus" is the last marker or present region that the edit/play cursor is in. Fwd/back arrows are to next/prev marker/region.
Just a guess, might be wrong
Looking forward to trying this when I get to the laptop, anyone "taken it for a spin" yet?
>
|
|
|
02-19-2017, 07:03 AM
|
#6
|
Pixel Pusher
Join Date: Mar 2007
Location: Blighty
Posts: 4,951
|
Thanks for trying it out, much appreciated.
Quote:
Originally Posted by X-Raym
may I suggest having track hidden if they are hidden in TCP ?
|
You may, and yes that would indeed seem correct. Er... I've no clue how to get track hidden status - are you going to make me dive into the API, you bad man? 8|
Quote:
Originally Posted by G-Sun
I'm not getting any response on that middle field that has text "chorus1" in you image. What's intended?
|
That's the marker you are AT. I was thinking you could set up your recording session with markers at the bits you might want to be recording, and navigate between them.
Quote:
Originally Posted by G-Sun
- a way to set faders at 0db
|
Roger that, added to To Do.
Quote:
Originally Posted by G-Sun
Snap jog (beat/measure)
|
I looked at displaying the jog offset in beat/measure, and I suppose snapping to them would be a part of all that... if it weren't, I'm afraid, waaaaay beyond my pay grade
Quote:
Originally Posted by G-Sun
Beat/measure number seems of by 1 measure
|
Hmm it doesn't here, can you explain further please?
|
|
|
02-19-2017, 07:11 AM
|
#7
|
Human being with feelings
Join Date: May 2007
Location: Retired living in the Cosmos
Posts: 98
|
Looking and working good on LG-V20, Android 7, Chrome
|
|
|
02-19-2017, 08:10 AM
|
#8
|
Human being with feelings
Join Date: Jun 2009
Location: Croatia
Posts: 4,601
|
Beautiful work!!!!!
|
|
|
02-19-2017, 08:41 AM
|
#9
|
Human being with feelings
Join Date: Sep 2009
Posts: 863
|
Oooooh very nice
Android marshmallow, Samsung galaxy 5, Chrome
Marker names show up as previous / next but never as current, regions don't show up at all - it does navigate to them though
Android nougat, Nvidia Shield K1, Chrome
Same region issue as the Galaxy.
Your tablet screen shot seems to show the whole interface on one page (portrait), it's too large to fit my screen, cuts off about halfway down the record button.
The jog thingamy is cool and works but it displays position in beats, then jogs in seconds. Would be nice if the jog values were grid divisions
Otherwise, it's working well - cheers !
|
|
|
02-19-2017, 09:44 AM
|
#10
|
Human being with feelings
Join Date: Jun 2009
Location: South, UK
Posts: 14,214
|
Awesome! Really nice work!
I see sends are on the to do list.
A big use for this for studios would be so that the musicians can use their phones for headphone mixes.
To do that they would need to be able to select their "cuebuss" track (where all the received sends are) and see all these receives as a mixer so they can adjust how much of each musician they hear.
So hopefully not just sends but we should be able to see all the receives for the selected track at once And also "lock" to that track only.
This would be amazing thanks.
__________________
subproject FRs click here
note: don't search for my pseudonym on the web. The "musicbynumbers" you find is not me or the name I use for my own music.
|
|
|
02-19-2017, 09:56 AM
|
#11
|
Human being with feelings
Join Date: Jun 2012
Location: Spain
Posts: 7,241
|
Excellent!
+1 for hidden tracks in TCP support. If it is possible.
|
|
|
02-19-2017, 10:40 AM
|
#12
|
Human being with feelings
Join Date: Jul 2011
Location: Brooklyn
Posts: 2,613
|
Quote:
Originally Posted by White Tie
Its been tested on Chrome (Windows & Android) but that's all. I know nothing about browser compatibility, and I'm not very interested in learning (pfft), so I will be handing this over to a web type when the time comes. He said to pass on that this will never work on older browsers because of the methods I've used, and will probably never work on Safari because he'd rather smash himself in the face than deal with all that. FYI
|
Ha ha, love it! I'm in!
__________________
The reason rain dances work is because they don't stop dancing until it rains.
|
|
|
02-19-2017, 12:04 PM
|
#13
|
Human being with feelings
Join Date: Apr 2013
Location: France
Posts: 9,875
|
@White Tie
Hehehe, I feel your pain, I also tried to implement it ^^
Thing is that state is not return by the main TRACKS call.
That's why I wrote this Feature Request:
Web Browser Interface - Track infos
Meanwhile, you can actually get the TCP visibility for indivisual tracks this way:
GET/TRACK/1/B_SHOWINTCP
The returned string will be:
GET/TRACK/1/B_SHOWINTCP\t <index>
It has to be put in a request loop, and then results have to be parsed. Possible, but not very handy... That's why I made the FR referenced above.
Also, I format the Web Browser doc, this can help you while moding, a bit more readable than mode.js :P
https://github.com/ReaTeam/ReaScript...face_moding.md
|
|
|
02-20-2017, 03:59 AM
|
#14
|
Human being with feelings
Join Date: May 2010
Location: Norway
Posts: 7,318
|
Quote:
Originally Posted by White Tie
That's the marker you are AT. I was thinking you could set up your recording session with markers at the bits you might want to be recording, and navigate between them.
|
Ok, so it's only for play-cursor on that excaxt place.
For some odd reason it doesn't work on M2 here:
Seems to be when marker is offbeat.
Works on the other markers.
Quote:
Roger that, added to To Do.
|
Thank you!
Quote:
I looked at displaying the jog offset in beat/measure, and I suppose snapping to them would be a part of all that... if it weren't, I'm afraid, waaaaay beyond my pay grade
|
Understandable
Quote:
Hmm it doesn't here, can you explain further please?
|
For M3 above it displays:
51.1.00
4/4 - 0/50
It should be 0/51, or 1/51
shouldn't it?
__________________
Reaper x64, win 11
Composer, text-writer, producer
Bandcamp
|
|
|
02-20-2017, 08:07 AM
|
#15
|
Human being with feelings
Join Date: Jun 2009
Location: Croatia
Posts: 4,601
|
Little OT but still relevant (I think). Does anyone else here experience web gui sometimes work sometimes not? It connect to it without problem but no tracks,commands not working etc?
Anyway while working, did not experienced any issues, worked flawlessly on my Galaxy S3 CyanogenMod 13 default browser
Quote:
Originally Posted by White Tie
So... I've done a jogger wheel thing. Drag forwards or backwards to build up a skip distance, drag further to go faster. When you release it will send that offset to Reaper. I'd really appreciate some feedback on the subjective feel of this, its a classic judgement call with no right answer. Thanks!
|
Since I use this only for Headphone Mixes (so looking forward to sends implementation). Its like moving little "blindly" if you know what I mean. You do not actually hear where you are unless you release the wheel (maybe there is an option for this in reaper??). It is very sensitive so you need to hold it very short time and release,or if you hold for a little longer time then you move to a location where you did not want. But generally it good but just needs some sound feedback (I think this has nothing to do with web) to know where you are and little less sensitive IMHO
maybe this explains everything,and jog is not intended for that
Quote:
Originally Posted by White Tie
That's the marker you are AT. I was thinking you could set up your recording session with markers at the bits you might want to be recording, and navigate between them.
|
Sorry if I've gone little too much OT here
Last edited by Sexan; 02-20-2017 at 08:45 AM.
|
|
|
02-20-2017, 01:14 PM
|
#16
|
Human being with feelings
Join Date: Apr 2012
Posts: 423
|
PLEASE, add big visible recording level meter This is very practical ... I already overclipped quite few times ...
Otherwise awesome !
|
|
|
02-20-2017, 01:49 PM
|
#17
|
Human being with feelings
Join Date: Apr 2012
Posts: 423
|
I tried on iPhone (both in Safari and Chrome) to control the PC computer ... does not work at all. Only "master" section shows and no controls work (play, record, stop). Switching back to normal version, all works normally
|
|
|
02-20-2017, 01:51 PM
|
#18
|
Human being with feelings
Join Date: Jun 2009
Location: Croatia
Posts: 4,601
|
Read his post regarding Safari
|
|
|
02-20-2017, 01:55 PM
|
#19
|
Human being with feelings
Join Date: Apr 2012
Posts: 423
|
Quote:
Originally Posted by Sexan
Read his post regarding Safari
|
That's why I tried in Chrome ... with the same result ...
|
|
|
02-20-2017, 02:21 PM
|
#20
|
Human being with feelings
Join Date: Jun 2009
Location: Croatia
Posts: 24,790
|
Quote:
Originally Posted by Ivo Sedlacek
PLEASE, add big visible recording level meter
|
Not sure if it's even possible, don't think the API is there for that.
|
|
|
02-21-2017, 09:25 AM
|
#21
|
Human being with feelings
Join Date: Mar 2013
Location: Italy - Monza
Posts: 210
|
AMAZING WORK!
Very very nice.
May I steal something for my interface?
(here: http://forum.cockos.com/showthread.p...46#post1805546)
I like very much the jog wheel.
Some but still not clear issues on iOS. Sometimes the tracks are not shown, only the master is available then the page loading stops.
I'll check it again because it is GREAT!
|
|
|
02-21-2017, 11:13 PM
|
#22
|
Human being with feelings
Join Date: Mar 2013
Location: Moscow
Posts: 99
|
Looks just gorgeous !
|
|
|
02-22-2017, 01:10 AM
|
#23
|
Human being with feelings
Join Date: Dec 2016
Posts: 55
|
This looks awesome. Any possibility in including this in the standard REAPER installation?
|
|
|
02-22-2017, 07:17 AM
|
#25
|
Pixel Pusher
Join Date: Mar 2007
Location: Blighty
Posts: 4,951
|
UPDATE 22/2/17
file attached to post #1.
- Fixed (hopefully) - all tracks not drawing for some people.
- Jog wheel will jog in Measures/Beats if that's your Reaper transport time unit.
- Tracks will not be drawn if not visible in TCP.
- time signature stuff. Maybe I've fixed things, maybe I've made them worse. Its an adventure!
|
|
|
02-22-2017, 08:12 AM
|
#26
|
Human being with feelings
Join Date: Apr 2013
Location: France
Posts: 9,875
|
Quote:
Tracks will not be drawn if not visible in TCP.
|
Excellent !
Hope it will be shipped with REAPER soon :P
Tested:
- TCP Hidding doesn't do anything here.
- You chould include interface version as Header Meta, or in Ttitle, to make bug reporting easier (so that you will be sure what version is used by the user). Title is more accessible.
|
|
|
02-22-2017, 09:57 AM
|
#27
|
Human being with feelings
Join Date: May 2010
Location: Norway
Posts: 7,318
|
Don't have my tablet here now,
but had a look at the html SVG inline
How is it working with for graphical design compared with traditional images?
__________________
Reaper x64, win 11
Composer, text-writer, producer
Bandcamp
|
|
|
02-22-2017, 10:24 AM
|
#28
|
Pixel Pusher
Join Date: Mar 2007
Location: Blighty
Posts: 4,951
|
UPDATE 22/2/17b
file attached to post #1.
- tweaked the TCP visibility thing. Works here with latest pre ¯\_(ツ)_/¯
- Version now in title - 22/2/17b.
- Measures / Beats jogger output will discard 100ths if snap is on in Reaper. Snap to nearest added to To Do.
|
|
|
02-22-2017, 11:41 AM
|
#29
|
Human being with feelings
Join Date: Jun 2012
Location: Spain
Posts: 7,241
|
edit: oh now it works after refresh.. it was just that it took too long to load. Then it is very very slow on my old phone. So I can't use it.
it is not working for me on chrome android
Tracks not appearing, and buttons don't do anything.
the default index.html that comes with REAPER works.
Maybe I just need to update chrome. I'll try.
Last edited by heda; 02-22-2017 at 11:47 AM.
|
|
|
02-22-2017, 07:46 PM
|
#30
|
Human being with feelings
Join Date: Apr 2013
Location: France
Posts: 9,875
|
@WhiteTie
Visibility still not working. ^^
|
|
|
02-22-2017, 07:54 PM
|
#31
|
Human being with feelings
Join Date: Apr 2013
Location: France
Posts: 9,875
|
line 465
replace with this :
Code:
if(tok[3]&512){ //track hidden in TCP
document.getElementById("track" + idx).style.display="none";
} else {
document.getElementById("track" + idx).style.display = "block";
}
:P
|
|
|
02-23-2017, 08:30 AM
|
#32
|
Pixel Pusher
Join Date: Mar 2007
Location: Blighty
Posts: 4,951
|
Okey dokey will do, thanks. What browser are you using?
|
|
|
02-23-2017, 09:52 AM
|
#33
|
Human being with feelings
Join Date: Apr 2013
Location: France
Posts: 9,875
|
@White Tie
Tested on FireFox, Chrome, Edge. desktop Windows.
Android 5 Chrome.
The interface doesn't work on old Android v4.1 (chrome, dolphin). You only have background or just the top jog (left right arrow), but this may not be necessary to support this. But the fancy interface work on it (layout is not perfect but it works).
Anyway, as reference for browser compatibility :
Can I use... Support tables for HTML5, CSS3, etc
You may also consider taking a loot at :
Modernizr: the feature detection library for HTML5/CSS3
|
|
|
02-23-2017, 02:28 PM
|
#34
|
Pixel Pusher
Join Date: Mar 2007
Location: Blighty
Posts: 4,951
|
Quote:
Originally Posted by X-Raym
The interface doesn't work on old Android v4.1
|
Damn right it doesn't I'm shamelessly using flexbox and HTML5 canvas and loving it, which is why I'm breaking a multi-decade "I don't do web coding" personal rule here. Thanks for your suggestions though, if I were a better man I would follow up on them!
Quote:
Originally Posted by Flavio
where can I find a complete list of returned parameters?
|
Inside the main.js file. Also see REAPER_Main-Window_command-identifiers and ReaScript Functions.
|
|
|
02-23-2017, 03:24 PM
|
#35
|
Human being with feelings
Join Date: Apr 2013
Location: France
Posts: 9,875
|
@WhiteTie
Totally understand you for Flexbox, this is a go-to feature. I totally understand that you don't want to use something else.
But thanks to Modernizr, you can have fallbacks :P
Flexbox: How to Deal with Older Browsers? – CSS Mine – Medium
But coding for old device is not very stimulating, I agree with that :P
|
|
|
02-27-2017, 07:06 AM
|
#36
|
Human being with feelings
Join Date: Feb 2015
Posts: 1,096
|
Hi.
This is such a time/hassle saver in a solo studio - thank you!
Only one small issue for me...
I can't get the jog wheel working on Chrome (v56.0.2924.87) on my Android (v6.01). It responds and I can see red and green values but, when I let go of the jog wheel, the project play cursor is unaffected (whether the project is playing or stopped).
Thanks again :-)
|
|
|
02-27-2017, 07:17 AM
|
#37
|
Human being with feelings
Join Date: Jun 2006
Posts: 22,567
|
weird... doesn't work for me at all in chrome or safari. It shows and reflects changes in reaper, but tapping on things doesn't do anything.
|
|
|
02-27-2017, 07:20 AM
|
#38
|
Human being with feelings
Join Date: Jun 2006
Posts: 22,567
|
wait, the jog wheel works. What the heck?
the basic.html works still.
|
|
|
02-27-2017, 07:33 AM
|
#39
|
Human being with feelings
Join Date: Feb 2015
Posts: 1,096
|
Jason - did you change anything to get the jog wheel working?
|
|
|
02-27-2017, 07:36 AM
|
#40
|
Human being with feelings
Join Date: Jun 2006
Posts: 22,567
|
i mean, i dont know if it's working as INTENDED, but it's the only thing that's actually working for me, from fancier.html
|
|
|
Thread Tools |
|
Display Modes |
Linear Mode
|
Posting Rules
|
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
HTML code is Off
|
|
|
All times are GMT -7. The time now is 06:23 AM.
|