const Media = BrowserMedia({
  el: '.videoEl', // video挂载的节点
  type: 'image', // image || video
  autoClose: true, // 是否在拍照/视频后自动关闭media
  audio: false
});
Media.open(); // 初始化

// 拍照 shot
$('.start').click(async () => {
  window.scrollTo({ top: 0 });
  const urlCreator = window.URL || window.webkitURL;
  const imageUrl = urlCreator.createObjectURL(await Media.shot());
  document.querySelector('#image-test').src = imageUrl;
  Media.close(); // 关闭录像状态
});

// 开始录像 startRecord
$('.startRecode').click(async () => {
  Media.setMediaType('video');
  Media.startRecord();
});

/*
* stopRecord 结束录像
* callback function
* videoResuleType string 'file' | ''
* videoResuleType为'file'时返回file对象，否则返回blobSrc
*/
$('.stopRecode').click(async () => {
  Media.stopRecord(blob => {
    document.querySelector('#video-test').src = blob;
  });
});

// 设置滤镜（拍照）
// 'Normal', 'Grayscale', 'Invert', 'Bacteria', 'Sunset', 'Emboss', 'Super Edge', 'Super Edge Inv', 'Gaussian Blur', 'Moss', 'Robbery', 'Brighten', 'Swamp', 'Ghost', 'Good Morning', 'Acid', 'Urple', 'Romance', 'Hippo', 'Longhorn', 'Security', 'Underground', 'Rooster', 'Mist', 'Tingle', 'Kaleidoscope', 'Noise', 'Forest', 'Dewdrops', 'Analog TV', 'Color Destruction', 'Hulk Edge', 'Twisted', 'Clarity', 'Sharpen', 'Uber Sharpen'
Media.setFilter('Invert');

import 'browser-media'; // 注入全局对象 BrowserMedia