moonlight-stream/moonlight-chrome
1
0
Fork 0
mirror of https://github.com/moonlight-stream/moonlight-chrome.git synced 2025-08-17 16:46:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

added untested support for remote audio playing

Browse Source
This commit is contained in:
R. Aidan Campbell 2016-07-23 20:47:55 -04:00
parent edc4a0ad29
commit 8c78632d0b
2 changed files with 26 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
index.html
View File

@ -34,8 +34,12 @@
<option value="30">30 FPS</option> <option value="30">30 FPS</option>
<option value="60">60 FPS</option> <option value="60">60 FPS</option>
</select> </select>
<output id='bitrateField'>10 Mbps</output>
</div> </div>
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect" for="remoteAudioEnabledSwitch" id="remoteAudioEnabledSwitchContainer">
<input type="checkbox" id="remoteAudioEnabledSwitch" class="mdl-switch__input" checked>
<span class="mdl-switch__label">Remote audio off/on</span>
</label>
<output id='bitrateField'>10 Mbps</output>
<input id="bitrateSlider" class="mdl-slider mdl-js-slider" type="range" min="0" max="100" step="0.5" value="10"> <input id="bitrateSlider" class="mdl-slider mdl-js-slider" type="range" min="0" max="100" step="0.5" value="10">
</div> </div>

21
static/js/index.js
View File

@ -16,6 +16,7 @@ function attachListeners() {
$('#selectFramerate').on('change', saveFramerate); $('#selectFramerate').on('change', saveFramerate);
$('#bitrateSlider').on('input', updateBitrateField); // input occurs every notch you slide $('#bitrateSlider').on('input', updateBitrateField); // input occurs every notch you slide
$('#bitrateSlider').on('change', saveBitrate); // change occurs once the mouse lets go. $('#bitrateSlider').on('change', saveBitrate); // change occurs once the mouse lets go.
$("#remoteAudioEnabledSwitch").on('click', saveRemoteAudio);
$('#hostChosen').on('click', hostChosen); $('#hostChosen').on('click', hostChosen);
$('#addHostCell').on('click', addHost); $('#addHostCell').on('click', addHost);
$('#cancelAddHost').on('click', cancelAddHost); $('#cancelAddHost').on('click', cancelAddHost);
@ -369,6 +370,8 @@ function startGame(sourceEvent) {
}); });
} }
remote_audio_enabled = $("#remoteAudioEnabledSwitch").parent().hasClass('is-checked') ? 1 : 0;
api.launchApp(appID, api.launchApp(appID,
streamWidth + "x" + streamHeight + "x" + frameRate, streamWidth + "x" + streamHeight + "x" + frameRate,
1, // Allow GFE to optimize game settings 1, // Allow GFE to optimize game settings
@ -497,6 +500,14 @@ function saveBitrate() {
storeData('bitrate', $('#bitrateSlider').val(), null); storeData('bitrate', $('#bitrateSlider').val(), null);
} }
function saveRemoteAudio() {
console.log('saving remote audio state');
// problem: when off, and the app is just starting, a tick to the switch doesn't always toggle it
// second problem: this callback is called immediately after clicking, so the HTML class `is-checked` isn't toggled yet
// to solve the second problem, we invert the boolean. This has worked in all cases I've tried, except for the first case
storeData('remoteAudio', !$("#remoteAudioEnabledSwitch").parent().hasClass('is-checked'), null);
}
function updateDefaultBitrate() { function updateDefaultBitrate() {
var res = $('#selectResolution').val(); var res = $('#selectResolution').val();
var frameRate = $('#selectFramerate').val(); var frameRate = $('#selectFramerate').val();
@ -534,6 +545,16 @@ function onWindowLoad(){
chrome.storage.sync.get('resolution', function(previousValue) { chrome.storage.sync.get('resolution', function(previousValue) {
$('#selectResolution').val(previousValue.resolution != null ? previousValue.resolution : '1280:720'); $('#selectResolution').val(previousValue.resolution != null ? previousValue.resolution : '1280:720');
}); });
chrome.storage.sync.get('remoteAudio', function(previousValue) {
if(previousValue.remoteAudio == null) {
document.querySelector('#remoteAudioEnabledSwitchContainer').MaterialSwitch.off();
return;
} else if(previousValue.remoteAudio == false) {
document.querySelector('#remoteAudioEnabledSwitchContainer').MaterialSwitch.off();
} else {
document.querySelector('#remoteAudioEnabledSwitchContainer').MaterialSwitch.on();
}
});
// load stored framerate prefs // load stored framerate prefs
chrome.storage.sync.get('frameRate', function(previousValue) { chrome.storage.sync.get('frameRate', function(previousValue) {
$('#selectFramerate').val(previousValue.frameRate != null ? previousValue.frameRate : '60'); $('#selectFramerate').val(previousValue.frameRate != null ? previousValue.frameRate : '60');