...
Code Block | ||||
---|---|---|---|---|
| ||||
const controls = { entrance: { url: document.getElementById("url"), roomName: document.getElementById("roomName"), roomPin: document.getElementById("roomPin"), nickName: document.getElementById("nickName"), enter: document.getElementById("startButton") }, addVideoTrack: { source: document.getElementById("addVideoTrackSource"), width: document.getElementById("addVideoTrackWidth"), height: document.getElementById("addVideoTrackHeight"), codec: document.getElementById("addVideoTrackCodec") }, addAudioTrack: { source: document.getElementById("addAudioTrackSource"), channels: document.getElementById("addAudioTrackChannels") }, addVideoEncoding: { rid: document.getElementById("addVideoTrackEncodingRid"), active: document.getElementById("addVideoTrackEncodingActive"), maxBitrate: document.getElementById("addVideoTrackEncodingMaxBitrate"), resolutionScale: document.getElementById("addVideoTrackEncodingResolutionScale") }, tables: { video: $('#videoTracksTable').DataTable({ "sDom": 't', "columns": [ { "className": 'details-control', "orderable": false, "data": null, "defaultContent": '' }, {"data": "source"}, {"data": "width"}, {"data": "height"}, {"data": "codec"}, {"data": "action"} ] }), audio: $('#audioTracksTable').DataTable({ "sDom": 't', "columns": [ {"data": "source"}, {"data": "channels"}, {"data": "action"} ] }), encodings: $('#videoTrackEncodingsTable').DataTable({ "sDom": 't', "columns": [ {"data": "rid"}, {"data": "active"}, {"data": "maxBitrate"}, {"data": "resolutionScale"}, {"data": "action"} ] }) } } |
3. Fill entrance
...
modal window fields
Populate entrance modal with provided config
...
Code Block | ||||
---|---|---|---|---|
| ||||
config.media.audio.tracks.forEach(function(track){ addAudioTrackRow(track); }) |
9. Add
...
video tracks to the table
Add all configured video tracks to the table
...