【问题标题】:Cordova Plugin Camera Mediatype with Video is not workingCordova Plugin Camera Mediatype with Video 不工作
【发布时间】:2016-10-09 07:31:56
【问题描述】:

我正在使用 angularjs 开发 Cordova 离子应用程序。我正在使用this plugin 进行相机功能。我正在尝试将相机设置为图片和视频,但问题是:我只能拍照。摄像机不工作。我在 2 台三星设备(平板电脑和手机)上试用过。

这是我的代码:(AngularJS)

var app = angular.module("app", ["ionic"]);

var controllerApp = function ($scope) {
    $scope.message = "Its Works !";

    document.addEventListener("deviceready", onDeviceReady, false);
    function onDeviceReady() {
        console.log(navigator.camera);
    }

    $scope.getPic = function () {
        navigator.camera.getPicture(onSuccess, onFail, {
            quality: 25,
            mediaType: Camera.MediaType.ALLMEDIA,
            destinationType: Camera.DestinationType.DATA_URL,                
        });

        function onSuccess(imageData) {
            $scope.imgURI = "data:image/jpeg;base64," + imageData;
        }

        function onFail(message) {
            alert('Failed because: ' + message);
        }
    }
};
        app.controller("controllerApp", ["$scope", controllerApp]);

HTML

<div class="col col-40" ng-model="excercise.excerciseMedia">Set Media</div>
<button class="button button-dark col col-30 ion-camera" ng-click="getPic()">Camera</button>
<img ng-show="imgURI !== undefined" ng-src="{{imgURI}}" style="text-align: center">

我需要帮助:相机应该记录照片和视频。它现在只拍照片。 PICTURE: The Videocamera Button is not clickable

【问题讨论】:

  • 我猜你可能不得不在这种情况下使用cordova媒体插件,因为相机插件支持拍照和从视频部分选择图片。如果我错了,有人纠正我

标签: android angularjs cordova video cordova-plugins


【解决方案1】:

我还没有看这个应用程序的代码(它是一个 Ionic 2 应用程序,它只记录视频)但是你可以看看那里使用的插件以及它们是如何使用的工作(在nexus 7 2013上工作)。

https://github.com/rossmartin/video-editor-ionic2

这些是必需的插件:

cordova-plugin-camera 
cordova-plugin-device 
cordova-plugin-media-capture 
https://github.com/driftyco/ionic-plugin-keyboard.git 
cordova-plugin-statusbar 
cordova-plugin-spinner-dialog 
cordova-plugin-instagram-assets-picker 
cordova-plugin-video-editor

【讨论】:

    猜你喜欢
    • 2017-03-03
    • 2020-10-17
    • 2022-11-07
    • 1970-01-01
    • 2016-04-07
    • 2018-06-22
    • 2021-08-11
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多