ruby on rails webカメラを使ってリアルタイム画像を写したい

前提・実現したいこと

rails内でwebAPIを使ってビデオ画像をリアルタイムでアップしたい。
（最終的にはスマホ、タブレットカメラで撮影された画像をデータベースに格納したい。）

発生している問題

画面が真っ白で繋がっていない。

該当のソースコード

camera.html.erb
<body>
  <video id="video" autoplay></video>
  <script src="camera.js"></script>
</body>

camera.js
const medias = {audio : false, video : {
        facingMode: "user"
      }},
      video  = document.getElementById("video");

navigator.getUserMedia(medias, successCallback, errorCallback);

function successCallback(stream) {
  video.srcObject = stream;
};

function errorCallback(err) {
  alert(err);
};

camera.css
#video {
  display: block;
  width: 50%;
}

body {
  margin: 0;
  background: #000;
}

知りたいこと

chromeコンソールやchromeHTMLdocument作成からだと正常に起動しました。こちらのサイトをコピペしましたので当然といえば当然ですが・・・。
よってrailsの問題だと考えました。但し、webRTCへのアクセスは出来ているので（アドレスバー右にビデオマークが付き「このページはカメラにアクセスしています」と表示されます）html.erb内のvideoタグが効いていないと判断してググりましたが適当な解決策には辿り着きませんでした。
videoタグを使う使わない関係なく、簡単に画像を表示できる方法がありましたらご教示ください。

初心者で説明不足かもしれませんがよろしくお願いします。