관리 메뉴

플랫폼공작소 IT Blog

[hyd] cordova media capture example 본문

mobile/Cordova

[hyd] cordova media capture example

솜픽(Sompic) 플랫폼공작소 2017. 2. 20. 15:14

<!DOCTYPE html>

<html>

  <head>

    <title>Capture Photo</title>


    <script type="text/javascript" charset="utf-8" src="cordova.js"></script>

    <script type="text/javascript" charset="utf-8">


    var pictureSource;   // picture source

    var destinationType; // sets the format of returned value


    // Wait for device API libraries to load

    //

    document.addEventListener("deviceready",onDeviceReady,false);


    // device APIs are available

    //

    function onDeviceReady() {

    document.getElementById("audioCapture").addEventListener("click", audioCapture);

    document.getElementById("imageCapture").addEventListener("click", imageCapture);

    document.getElementById("videoCapture").addEventListener("click", videoCapture);

    }

    

    function audioCapture() {


      var options = {

         limit: 1,

         duration: 10

      };


      navigator.device.capture.captureAudio(onSuccess, onError, options);


      function onSuccess(mediaFiles) {

         var i, path, len;

   

         for (i = 0, len = mediaFiles.length; i < len; i += 1) {

            path = mediaFiles[i].fullPath;

            console.log(mediaFiles);

         }

      }


      function onError(error) {

         navigator.notification.alert('Error code: ' + error.code, null, 'Capture Error');

      }

   

    }

    

    function imageCapture() {


      var options = {

         limit: 1

      };


      navigator.device.capture.captureImage(onSuccess, onError, options);


      function onSuccess(mediaFiles) {

         var i, path, len;

   

         for (i = 0, len = mediaFiles.length; i < len; i += 1) {

            path = mediaFiles[i].fullPath;

            console.log(mediaFiles);

         }

      }


      function onError(error) {

         navigator.notification.alert('Error code: ' + error.code, null, 'Capture Error');

      }

   

    }

    

    function videoCapture() {


      var options = {

         limit: 1,

         duration: 10

      };


      navigator.device.capture.captureVideo(onSuccess, onError, options);


      function onSuccess(mediaFiles) {

         var i, path, len;

   

         for (i = 0, len = mediaFiles.length; i < len; i += 1) {

            path = mediaFiles[i].fullPath;

            console.log(mediaFiles);

         }

      }


      function onError(error) {

         navigator.notification.alert('Error code: ' + error.code, null, 'Capture Error');

      }

   

    }


    </script>

  </head>

  <body>

<button id = "audioCapture">AUDIO</button>

<button id = "imageCapture">IMAGE</button>

<button id = "videoCapture">VIDEO</button>

  </body>

</html>


출처 : https://www.tutorialspoint.com/cordova/cordova_media_capture.htm



0 Comments
댓글쓰기 폼