小编Van*_*jx1的帖子

我正在尝试使用以下代码使用getUserMedia将相机输出设置为视频标签时测试一些具有离子和即时卡住的媒体功能:

navigator.getUserMedia = navigator.getUserMedia ||
                     navigator.webkitGetUserMedia ||
                     navigator.mozGetUserMedia;

if (navigator.getUserMedia) {
   navigator.getUserMedia({ audio: false, video: { width: 500, height: 500 } },
      function(stream) {
         console.log("Im streaming!!", stream);
         var video = document.querySelector('video');
         console.log("video element", video);
         video.src = window.URL.createObjectURL(stream);
         video.onloadedmetadata = function(e) {
            console.log("stream start");
            video.play();
         };
      },
      function(err) {
         console.log("The following error occurred: " + err.name);
      }
   );
} else {
   console.log("getUserMedia not supported");
}

这是html:

    <ion-pane>
      <ion-header-bar class="bar-stable">
        <h1 class="title">Ionic Blank Starter</h1>
      </ion-header-bar>
      <ion-content>
        <video  id="video" autoplay="autoplay" width="500" height="500"></video>
      </ion-content> …

我试图在网络工作者中生成一个网络工作者，但我收到此错误：

mainWorker.js:92 Uncaught ReferenceError: Worker 未定义

使用此代码：

var worker = new Worker('subWorker.js');
worker.postMessage(......);

这在某种程度上可能吗？

问题

我已经使用google web Designer创建了一个 HTML 动画，然后我需要将我的项目导出为 GIF。Google Web Designer 不提供任何导出为 GIF 的工具，因此：

我尝试过的

我尝试录制我的屏幕（使用 MAC 的快速播放器）裁剪并剪切结果，然后将 MP4/MOV 文件转换为 GIF。

结论

我对结果不是很满意，生成的 GIF 很大（HTML 大约 20KB，GIF 500+KB），质量一般。

有人可以为我提供更好的解决方案或提高结果质量的方法吗？

我已经在离子应用程序中使用Camera插件获取了图像。我要限制用户选择的图像大小，比如说200kb。我已经添加了Camera as File插件。

我用下面的代码：

/*Function to get image from gallery*/
$scope.getImageFromGallery = function(){
    var options = {
        quality: 100,
        destinationType: Camera.DestinationType.FILE_URI,
        sourceType: Camera.PictureSourceType.SAVEDPHOTOALBUM,
        popoverOptions: CameraPopoverOptions,
        saveToPhotoAlbum: false,
        targetWidth: 450,
        targetHeight: 450,
        encodingType: Camera.EncodingType.JPEG,
    };

    navigator.camera.getPicture(gallerySuccess, galleryError, options);

    function gallerySuccess(imageURI){
        getSize(imageURI);          
    }


    function getSize(fileUri) {
        window.resolveLocalFileSystemURL(fileUri, function(fileEntry){

            fileEntry.getMetadata(function(metadata){
                console.log("size is "+metadata.size);
            }, resOnError);

            fileEntry.file(function(file) {

                var reader = new FileReader();
                reader.onloadend = function(evt) {

                    var imgData = evt.target.result;
                    var res = imgData.split(",");
                    $rootScope.imagebase64 = res[1];
                    var image = document.getElementById('preview-image1');
                    image.src = …