unserver-unify/src/components/upload/video_dialog.html

<div class="modal-header">
  <button type="button" class="close" ng-click="$dismiss()"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
  <h3 class="modal-title" translate="">
    Record Video
  </h3>
</div>
<div class="modal-body form-horizontal">
  <div class="row">
    <div class="col-lg-12">
      <span class="surv fa fa-dot-circle-o blink" ng-if="stopflag&&!playback"></span>
      <video id="video" muted ng-if="!playback">
      </video>
      <video id="videoplayback" controls autoplay ng-src="{{playbacksrc}}" ng-if="playback">
      </video>
    </div>
  </div>
  <!--script src="assets/libs/RecordRTC.min.js">
  </script -->
</div>
<div class="modal-footer">
  <button class="btn btn-danger" ng-if="!stopflag" ng-click="ctrl.getRecordVideo()">
    <i class="fa fa-video-camera">
    </i>
    {{ {eng:'Record Video',chn:'录像'} | trans }}
  </button>
  <button class="btn btn-warning" ng-if="stopflag && !readyForUpload" ng-click="ctrl.stopRecording()">
    <i class="fa fa-stop">
    </i>
    {{ 'Stop Recording' | translate }}
  </button>
  <button class="btn btn-primary" ng-if="readyForUpload" ng-click="uploadRecordingVideo();">
    <i class="fa fa-upload">
    </i>
    {{ 'Upload Video' | translate }}
  </button>
</div>
<script>
  function shootVideo(callback) {
    var videoObj={
      audio:true,
      video:true,
    }
    var video = document.getElementById("video");
    var errBack = function(error) {
      return callback (false, error);
    };
    navigator.getUserMedia = ( navigator.getUserMedia ||
                    navigator.webkitGetUserMedia ||
                    navigator.mozGetUserMedia ||
                    navigator.msGetUserMedia);
    if(navigator.getUserMedia) { // Standard
      console.log("--chrome--");
      navigator.getUserMedia(videoObj, function(stream) {
        console.log("video detected");
        $('#video').show();
        $('#accesscamera').hide();
        video.src = window.URL.createObjectURL(stream);
        video.play();
        callback(stream);
      }, errBack);
    } else{
      console.log("--- not supported---");
      return callback(false,"Not Supported Browser");
    }
  }
</script>