seth
/
jam-cloud
mirror of https://bitbucket.org/jamkazam/jam-cloud.git
1
0
Fork 0
Code Issues Actions Packages Projects Releases Wiki Activity

remove audio delay from recording interface 

remove audioDelay input and related code. also removed
the volume control which was on the same interface
This commit is contained in:
Nuwan 2025-07-17 17:15:33 +05:30
parent e6aad11685
commit ef2497d0a4
5 changed files with 121 additions and 116 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/app/assets/javascripts/react-components/PopupSessionRecording.js.jsx.coffee
View File

@ -122,9 +122,7 @@ mixins.push(Reflux.listenTo(@AppStore,"onAppInit"))
<div className="recording-left"> <div className="recording-left">
<SessionRecordingSettings app={this.state.app} handleSubmit={this.handleSettingSubmit} handleCancel={this.closeDialog} /> <SessionRecordingSettings app={this.state.app} handleSubmit={this.handleSettingSubmit} handleCancel={this.closeDialog} />
</div> </div>
<div className="recording-right">
<SessionRecordingVu mixers={this.state.inputGroupMixers} />
</div>
</div>` else `<span>Loading...</span>` </div>` else `<span>Loading...</span>`
componentDidMount: () -> componentDidMount: () ->

23
web/app/assets/javascripts/react-components/SessionRecordingSettings.js.jsx.coffee
View File

@ -45,7 +45,6 @@ mixins.push(Reflux.listenTo(RecordingStore, "onRecordingStateChanged"))
audioFormat: rs.audioFormat, audioFormat: rs.audioFormat,
audioStoreType: rs.audioStoreType, audioStoreType: rs.audioStoreType,
videoFormat: rs.videoFormat, videoFormat: rs.videoFormat,
audioDelay: rs.audioDelay,
includeChat: rs.includeChat, includeChat: rs.includeChat,
startRequested: false, startRequested: false,
} }
@ -58,7 +57,6 @@ mixins.push(Reflux.listenTo(RecordingStore, "onRecordingStateChanged"))
audioFormat: 'mp3', audioFormat: 'mp3',
audioStoreType: context.JK.AUDIO_STORE_TYPE_MIX_AND_STEMS['key'], audioStoreType: context.JK.AUDIO_STORE_TYPE_MIX_AND_STEMS['key'],
videoFormat: 'mp4', videoFormat: 'mp4',
audioDelay: 100,
includeChat: false, includeChat: false,
startRequested: false startRequested: false
} }
@ -149,12 +147,12 @@ mixins.push(Reflux.listenTo(RecordingStore, "onRecordingStateChanged"))
toggleDisableVideoContrls: (isDisable) -> toggleDisableVideoContrls: (isDisable) ->
$root = $(@getDOMNode()) $root = $(@getDOMNode())
$videoFormat = $root.find("#video-format") $videoFormat = $root.find("#video-format")
$audioDelay = $root.find("#audio-delay") #$audioDelay = $root.find("#audio-delay")
$videoFormat.attr('disabled', isDisable) $videoFormat.attr('disabled', isDisable)
$audioDelay.attr('disabled', isDisable) #$audioDelay.attr('disabled', isDisable)
setAudioDelay: (e) -> # setAudioDelay: (e) ->
@setState(audioDelay: e.target.value) # @setState(audioDelay: e.target.value)
setIncludeChat: (e) -> setIncludeChat: (e) ->
@setState(includeChat: e.target.checked) @setState(includeChat: e.target.checked)
@ -242,13 +240,7 @@ mixins.push(Reflux.listenTo(RecordingStore, "onRecordingStateChanged"))
</div> </div>
</div> </div>
<div className="form-item">
<label htmlFor="audio-delay">Audio Delay (ms):</label>
<div>
<input type="number" min="0" width="3" name="name" id="audio-delay" onChange={this.setAudioDelay} value={this.state.audioDelay} />
</div>
<span className="audio-delay-help">?</span>
</div>
<div className="form-item include-chat-check"> <div className="form-item include-chat-check">
<label>Voice Chat:</label> <label>Voice Chat:</label>
<input type="checkbox" name="include-chat" id="include-chat" checked={this.state.includeChat} /> <input type="checkbox" name="include-chat" id="include-chat" checked={this.state.includeChat} />
@ -263,7 +255,7 @@ mixins.push(Reflux.listenTo(RecordingStore, "onRecordingStateChanged"))
</select> </select>
</div> </div>
</div> </div>
<div className="form-actions"> <div className="form-actions form-item">
<a className="button-grey btnCancel" onClick={this.cancel}>CANCEL</a> <a className="button-grey btnCancel" onClick={this.cancel}>CANCEL</a>
<a className={startRecordingClasses} onClick={this.startRecording}>START RECORDING</a> <a className={startRecordingClasses} onClick={this.startRecording}>START RECORDING</a>
</div> </div>
@ -385,8 +377,7 @@ mixins.push(Reflux.listenTo(RecordingStore, "onRecordingStateChanged"))
context.JK.helpBubble($root.find(".audio-store-type-mix-and-stems-help"), "audio-store-type-mix-and-stems", {}, {offsetParent:$root.closest('.top-parent'), positions: ['right', 'bottom'], width:450}); context.JK.helpBubble($root.find(".audio-store-type-mix-and-stems-help"), "audio-store-type-mix-and-stems", {}, {offsetParent:$root.closest('.top-parent'), positions: ['right', 'bottom'], width:450});
context.JK.helpBubble($root.find(".include-chat-help"), "include-chat-in-recording", {}, {offsetParent:$root.closest('.top-parent'), positions: ['right', 'bottom'], width:450}); context.JK.helpBubble($root.find(".include-chat-help"), "include-chat-in-recording", {}, {offsetParent:$root.closest('.top-parent'), positions: ['right', 'bottom'], width:450});
return context.JK.helpBubble($root.find(".audio-delay-help"), "audio-delay-in-recording", {}, {offsetParent:$root.closest('.top-parent'), positions: ['right', 'bottom'], width:450});
}` }`
# componentDidUpdate: () -> # componentDidUpdate: () ->

20
web/app/assets/stylesheets/dialogs/base_dialog.scss
View File

@ -110,6 +110,26 @@
color: #aaa; color: #aaa;
} }
.dialog-overlay-md {
width: 550px;
height: auto;
position: fixed;
left: 50%;
top: 20%;
margin-left: -300px;
background-color: #333;
border: 1px solid #ed3618;
z-index: 1000;
}
.dialog-overlay-md .dialog-inner {
width: 500px;
height: auto;
padding: 25px;
font-size: 15px;
color: #aaa;
}
.dialog-comment-scroller { .dialog-comment-scroller {
height: 210px; height: 210px;
overflow: auto; overflow: auto;

188
web/app/assets/stylesheets/dialogs/sessionRecordingDialog.scss
View File

@ -79,109 +79,105 @@
} }
.form-actions{ .form-actions{
align-self:center; margin-top: 1rem;
position: absolute; display: flex;
bottom: 0;
margin-bottom: 2rem;
} }
} }
} }
.recording-right{ // .recording-right{
flex-grow: 1; // flex-grow: 1;
//border: solid 1px indigo; // //border: solid 1px indigo;
display: flex; // display: flex;
flex-direction: column; // flex-direction: column;
.vol-gauge-heading{ // .vol-gauge-heading{
font-weight: 400; // font-weight: 400;
margin-bottom: 10px; // margin-bottom: 10px;
} // }
.vol-gauge{ // .vol-gauge{
display: flex; // display: flex;
//border: solid 1px rgb(205, 232, 26); // //border: solid 1px rgb(205, 232, 26);
flex-direction: row; // flex-direction: row;
.session-track{ // .session-track{
height: 300px; // height: 300px;
position: relative; // position: relative;
background-color: #242323; // background-color: #242323;
border-radius: 4px; // border-radius: 4px;
display: inline-block; // display: inline-block;
height: 300px; // height: 300px;
margin-right: 14px; // margin-right: 14px;
position: relative; // position: relative;
width: 70px; // width: 70px;
margin-top: 1px; // margin-top: 1px;
margin-left: 2px; // margin-left: 2px;
.track-vu-left{ // .track-vu-left{
position: absolute; // position: absolute;
bottom: 8px; // bottom: 8px;
right: 0px; // right: 0px;
// position: relative !important; // // position: relative !important;
// bottom: 0 !important; // // bottom: 0 !important;
} // }
.track-vu-right{ // .track-vu-right{
position: absolute; // position: absolute;
bottom: 8px; // bottom: 8px;
right: 0px; // right: 0px;
// position: relative !important; // // position: relative !important;
// bottom: 0 !important; // // bottom: 0 !important;
// margin-left: 35px; // // margin-left: 35px;
} // }
.track-label { // .track-label {
position: absolute; // position: absolute;
width: 55px; // width: 55px;
top: 3px; // top: 3px;
left: 7px; // left: 7px;
font-family: Arial, Helvetica, sans-serif; // font-family: Arial, Helvetica, sans-serif;
font-size: 11px; // font-size: 11px;
font-weight: bold; // font-weight: bold;
} // }
.track-icon-mute { // .track-icon-mute {
float: none; // float: none;
position: absolute; // position: absolute;
top: 246px; // top: 246px;
left: 29px; // left: 29px;
} // }
.icheckbox_minimal { // .icheckbox_minimal {
position: absolute; // position: absolute;
top: 271px; // top: 271px;
left: 12px; // left: 12px;
} // }
label { // label {
font-family: Arial, Helvetica, sans-serif; // font-family: Arial, Helvetica, sans-serif;
font-size: 12px; // font-size: 12px;
position: absolute; // position: absolute;
top: 273px; // top: 273px;
left: 34px; // left: 34px;
} // }
.track-gain{ // .track-gain{
height: 225px; // height: 225px;
//position: relative !important; // //position: relative !important;
top: 32px; // top: 32px;
left: 23px; // left: 23px;
.fader{ // .fader{
height: 205px; // height: 205px;
//position: relative !important; // //position: relative !important;
} // }
} // }
} // }
.textual-help{ // .textual-help{
max-width: 140px; // max-width: 140px;
//border: solid 1px brown; // //border: solid 1px brown;
p{ // p{
padding-bottom: 15px; // padding-bottom: 15px;
} // }
} // }
} // }
} // }
.form-actions{
} }
.form-actions{
//position: relative;
} }
} }

2
web/app/views/dialogs/_sessionRecordingDialog.html.slim
View File

@ -1,4 +1,4 @@
.dialog.dialog-overlay-lg.top-parent layout='dialog' layout-id='session-recording' id='session-recording' .dialog.dialog-overlay-md.top-parent layout='dialog' layout-id='session-recording' id='session-recording'
.content-head .content-head
= image_tag "content/icon_record.png", :width => 18, :height => 18, :class => "content-icon" = image_tag "content/icon_record.png", :width => 18, :height => 18, :class => "content-icon"
h1 recording h1 recording