ASP.NET & Streaming w/ media-stream-library-js

[Glenn-io]

The previous developer utilized a very old version of the media-stream-library-js and has a bundled version called media-stream-library.min.js. He used simple-player.js and altered it to work for our need (when a user goes to a page, it automatically starts streaming our camera). We have some cameras that are on very new versions compared to the one we've been streaming on the very old one. I'm attempting to update our axis library to contain the newest files and use new code, but I can't seem to get anything at all of ours to work with the examples that are provided. I wanted to see if I could get some insight on how to integrate this with ASP.NET and get a working media stream library with a simple-player.js, that works similar to his old version (auto-play). If anyone has anything similar, that would be great. Additionally, if anyone has information on potentially trying this on https as well, that would be awesome.

his simple-player.js:

const { pipelines, isRtcpBye } = window.mediaStreamLibrary

const play = (host, encoding = 'h264') => {
  const videoEl = document.querySelector('video')
  const canvasEl = document.querySelector('canvas')
  let Pipeline
  let mediaElement
  if (encoding === 'h264') {
    Pipeline = pipelines.Html5VideoPipeline
    mediaElement = videoEl
    videoEl.style.display = ''
    canvasEl.style.display = 'none'
  } else {
    Pipeline = pipelines.Html5CanvasPipeline
    mediaElement = canvasEl
    videoEl.style.display = 'none'
    canvasEl.style.display = ''
  }

  // Setup a new pipeline with secure protocols
  const pipeline = new Pipeline({
    ws: { uri: `ws://user:pass@ip/rtsp-over-websocket` },
    rtsp: { uri: `rtsp://user:pass@ip/axis-media/media.amp?camera=quad&videocodec=${encoding}` },
    mediaElement,
  })

  pipeline.rtsp.onRtcp = (rtcp) => {
    if (isRtcpBye(rtcp)) {
      setTimeout(() => play(host, encoding), 0)
    }
  }

  pipeline.ready.then(() => {
    pipeline.rtsp.play()
  })

  return pipeline
}

let pipeline

function showcamera() {
  pipeline && pipeline.close()

  const device = 'ip'
  const encoding = 'jpeg'

  console.log(device, encoding)

  pipeline = play(device, encoding)
}