getDisplayMedia force "Stop Sharing" [duplicate] - getusermedia

Question

This question already has answers here:
MediaRecorder.stop() doesn't clear the recording icon in the tab
(2 answers)
Closed 4 months ago.
This has been racking my brain for a week.
I have getDisplayMedia working just fine, however I want to turn off the "sharing permission" after recording has been stopped.
I've seen this work here:
https://www.webrtc-experiment.com/RecordRTC/
Set the form to record the Full Screen
Start recording
Stop recording
You will see the "permission dialog" disappear.
How can I programmatically do this?
Current Code:
recBtn.onclick = () => {
stopBtn.disabled = false;
recBtn.disabled = true;
limRange.disabled = true;
navigator.mediaDevices
.getDisplayMedia ({
audio: {
sampleRate: 44100,
echoCancellation: false,
noiseSuppression: false
},
video: { mediaSource: "screen" },
})
.then ( ( stream ) =>
{
mediaRecorder = new MediaRecorder( stream );
//music.play();
mediaRecorder.addEventListener("dataavailable", (e) =>
{
// manage timer
if ( seconds >= 60 ) {
seconds = 0;
minutes += 1;
}
seconds += 1;
if ( minutes > 9 && seconds > 9 )
{
p.innerHTML = minutes + ":" + seconds;
}
else if ( minutes > 9 )
{
p.innerHTML = minutes + ":0" + seconds;
}
else if ( seconds > 9 )
{
p.innerHTML = "0" + minutes + ":" + seconds;
}
else {
p.innerHTML = "0" + minutes + ":0" + seconds;
}
// push data
chunks.push(e.data);
});
mediaRecorder.onstop = ( e ) =>
{
//console.log( chunks );
const blob = new Blob( chunks , { type: "audio/mp3" });
//console.log( minutes, seconds );
var offlineAudioContext = new OfflineAudioContext (
2,
44100 * ((minutes * 60) + seconds),
44100
);
var soundSource = offlineAudioContext.createBufferSource();
var audioContext = new window.AudioContext();
var reader = new FileReader();
var buff;
reader.readAsArrayBuffer(blob); // video file
reader.onload = function ()
{
var videoFileAsBuffer = reader.result; // arraybuffer
audioContext
.decodeAudioData(videoFileAsBuffer)
.then( function ( decodedAudioData )
{
myBuffer = decodedAudioData;
soundSource.buffer = myBuffer;
soundSource.connect(offlineAudioContext.destination);
soundSource.start();
offlineAudioContext
.startRendering()
.then( function ( renderedBuffer )
{
console.log(renderedBuffer); // outputs audiobuffer
buff = renderedBuffer;
let wav = audioBufferToWav(buff);
console.log(wav);
let bblob = new window.Blob([new DataView(wav)], {
type: "audio/mp3",
});
const audioURL = URL.createObjectURL(bblob);
audioRecorded.src = audioURL;
/*const fileName =
"recording-" +
recs +
"-" +
minutes +
"_" +
seconds +
".mp3";*/
var fileName = "Block " + block_letter.toUpperCase() + " - " + block_filename + '.mp3';
let elm = document.createElement("a");
elm.id = 'download-mp3'
elm.setAttribute("href", audioRecorded.src);
elm.setAttribute("download", fileName);
//elm.click();
//elm.remove();
$('.download-link').html( elm );
$('#download-mp3').html( fileName ).addClass('text-4 text-primary font-weight-semi-bold');
$('.recording-link').show();
$('.recording-info').hide();
minutes = 0;
seconds = 0;
})
.catch(function (err) {
console.log("Rendering failed: " + err);
});
})
.catch(function (err) {
console.log("audioContext failed: " + err);
});
};
console.log("recorder stopped");
chunks = [];
p.innerHTML = "00:00";
if (recs == 0)
{
document.body.appendChild(audioRecorded);
}
recs += 1;
$('#btn-record, .btn-block-stop, .modal-btn-right').show();
$('#btn-record-stop, .recording-inprogress').hide();
$('.btn-block-stop').click();
};
mediaRecorder.start(1000);
$('.ajax-modal-btn-right').click();
$('#btn-record, .btn-block-stop, .modal-btn-right').hide();
$('#btn-record-stop, .recording-inprogress').show();
//console.log(mediaRecorder.state);
//console.log("recorder started");
})
.catch ( (error) =>
{
console.log ('error');
});
};
stopBtn.onclick = () =>
{
recBtn.disabled = false;
limRange.disabled = false;
stopBtn.disabled = true;
mediaRecorder.stop( 5000 );
console.log("recording stopped");
$('#btn-record, .btn-block-stop, .modal-btn-right').show();
$('#btn-record-stop, .recording-inprogress').hide();
$('.btn-block-stop').click();
};

Answer 1

The media permissions settings are not accessible from Javascript code. They just aren't, so it's no wonder you can't find them. Because cybercreeps could trick our users into revealing sensitive information.
It's a real pain in the neck, but it works the same for everybody from Google Meet on down.