The walkie-talkie from isaurssaurav

walkie-talkie's People

Contributors

Stargazers

Watchers

walkie-talkie's Issues

An HTTPS server solves the navigator.mediaDevices HTTP issue

Hi Saurav,

I enjoyed your 2018 article, thanks.
No way to run it using HTTP. I guess the issue is here:

navigator.mediaDevices is undefined in an insecure context.

See: https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia

Problem solved using an HTTPS server. To thank you, here the running code, that could substitute the original index.js:

/*
 * @see https://stackoverflow.com/questions/31156884/how-to-use-https-on-node-js-using-express-socket-io
 *
 * $ sudo ufw allow 8443
 * $ sudo ufw status verbose
 *
 */
const fs = require('fs')
const https = require('https')

const express = require('express')
const app = express()

//
// HTTPS server setup
//

// configurations
const PORT = 8443
const KEY_FILENAME = 'selfsigned.key'
const CERT_FILENAME = 'selfsigned.cert'

//
// get SSL certificate
//
const credentials = {
  key: fs.readFileSync(KEY_FILENAME, 'utf8'),
  cert: fs.readFileSync(CERT_FILENAME, 'utf8')
}

// create the https server and the socketio channel
const server = https.createServer(credentials, app)
const io = require('socket.io')(server)

// root route
app.get('/', (req, res) =>
  res.sendFile(__dirname + '/index.html'))

// run the https server
server.listen(PORT, () => {
    console.log('server running.')
    console.log(`Listening on port: ${PORT}`)
    console.log()
  })


//
// socketio messaging application
//

// applicaction variables
let Usercounter = 0

//
// connection/disconnection logic
//
io.on('connection', (socket) => {

  Usercounter = Usercounter + 1
  io.emit('user', Usercounter)
  console.log('a user is connected')

  socket.on('disconnect', () => {

    Usercounter = Usercounter - 1
    io.emit('user', Usercounter)
    console.log('user disconnected')

  })


  //
  // echo server logic:
  // the audio message received is returned back
  //
  socket.on('audioMessage', (msg) => {
    io.emit('audioMessage', msg)
  })

})