You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@cordova.apache.org by "Filipe Cruz (Updated) (JIRA)" <ji...@apache.org> on 2012/02/10 17:42:59 UTC

[jira] [Updated] (CB-248) captureVideo() on iOS doesnt seem to save to the device's photoalbum like captureImage() does

     [ https://issues.apache.org/jira/browse/CB-248?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ]

Filipe Cruz updated CB-248:
---------------------------

    Description: 
calling navigator.device.capture.captureImage() the local path to a temporary location is retrieved and the image is saved to the device's photoalbum.
calling navigator.device.capture.captureVideo() only the local path to a temporary location is retrieved, the video is not saved to the device's photoalbum.

I also tested camera.getPicture() but the capturing functionality of that funciton only works for images. So there is no working solution to capture video to device photoalbum using callback-phonegap.

Also, documentation of 
http://docs.phonegap.com/en/1.4.1/phonegap_camera_camera.md.html#cameraOptions_options
is wrong. 'MediaType' should be 'mediaType'

Test case below

{code}
<!DOCTYPE html>
<html>
  <head>
    <title>Capture Video</title>
    <script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
    <script type="text/javascript" charset="utf-8">
    function captureVideoSuccess(mediaFiles) {
        document.getElementById('videocontent').innerHTML = mediaFiles[0].fullPath;
        document.getElementById('videocontent2').innerHTML = '<video controls=true><source src="'+mediaFiles[0].fullPath+'"></video>';
    }
    
    function captureImageSuccess(mediaFiles) {
        document.getElementById('imagecontent').innerHTML = mediaFiles[0].fullPath;
        document.getElementById('imagecontent2').innerHTML = '<img src="'+mediaFiles[0].fullPath+'">';
    }

    function captureError(error) {
        var msg = 'An error occurred during capture: ' + error.code;
        navigator.notification.alert(msg, null, 'Uh oh!');
    }

    function captureVideo() {
        navigator.device.capture.captureVideo(captureVideoSuccess, captureError);
    }

    function captureImage() {
        navigator.device.capture.captureImage(captureImageSuccess, captureError);
    }
    </script>
    </head>
    <body>
        <button onclick="captureVideo();">Capture Video</button> <br><br>
        <button onclick="captureImage();">Capture Image</button> <br><br>

        <div id="videocontent">void</div>
        <div id="videocontent2">void</div>

        <div id="imagecontent">void</div>
        <div id="imagecontent2">void</div>
    </body>
</html>
{code}

  was:
calling navigator.device.capture.captureImage() the local path to a temporary location is retrieved and the image is saved to the device's photoalbum.
calling navigator.device.capture.captureVideo() only the local path to a temporary location is retrieved, the video is not saved to the device's photoalbum.

I also tested camera.getPicture() but the capturing functionality of that funciton only works for images. So there is no working solution to capture video to device photoalbum using callback-phonegap.

Also, documentation of 
http://docs.phonegap.com/en/1.4.1/phonegap_camera_camera.md.html#cameraOptions_options
is wrong. 'MediaType' should be 'mediaType'

Test case below

{quote}
<!DOCTYPE html>
<html>
  <head>
    <title>Capture Video</title>
    <script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
    <script type="text/javascript" charset="utf-8">
    function captureVideoSuccess(mediaFiles) {
        document.getElementById('videocontent').innerHTML = mediaFiles[0].fullPath;
        document.getElementById('videocontent2').innerHTML = '<video controls=true><source src="'+mediaFiles[0].fullPath+'"></video>';
    }
    
    function captureImageSuccess(mediaFiles) {
        document.getElementById('imagecontent').innerHTML = mediaFiles[0].fullPath;
        document.getElementById('imagecontent2').innerHTML = '<img src="'+mediaFiles[0].fullPath+'">';
    }

    function captureError(error) {
        var msg = 'An error occurred during capture: ' + error.code;
        navigator.notification.alert(msg, null, 'Uh oh!');
    }

    function captureVideo() {
        navigator.device.capture.captureVideo(captureVideoSuccess, captureError);
    }

    function captureImage() {
        navigator.device.capture.captureImage(captureImageSuccess, captureError);
    }
    </script>
    </head>
    <body>
        <button onclick="captureVideo();">Capture Video</button> <br><br>
        <button onclick="captureImage();">Capture Image</button> <br><br>

        <div id="videocontent">void</div>
        <div id="videocontent2">void</div>

        <div id="imagecontent">void</div>
        <div id="imagecontent2">void</div>
    </body>
</html>
{quote}

    
> captureVideo() on iOS doesnt seem to save to the device's photoalbum like captureImage() does
> ---------------------------------------------------------------------------------------------
>
>                 Key: CB-248
>                 URL: https://issues.apache.org/jira/browse/CB-248
>             Project: Apache Callback
>          Issue Type: Bug
>          Components: iOS
>    Affects Versions: 1.4.0
>         Environment: tested on iOS only
>            Reporter: Filipe Cruz
>            Assignee: Shazron Abdullah
>              Labels: capture, documentation, video
>
> calling navigator.device.capture.captureImage() the local path to a temporary location is retrieved and the image is saved to the device's photoalbum.
> calling navigator.device.capture.captureVideo() only the local path to a temporary location is retrieved, the video is not saved to the device's photoalbum.
> I also tested camera.getPicture() but the capturing functionality of that funciton only works for images. So there is no working solution to capture video to device photoalbum using callback-phonegap.
> Also, documentation of 
> http://docs.phonegap.com/en/1.4.1/phonegap_camera_camera.md.html#cameraOptions_options
> is wrong. 'MediaType' should be 'mediaType'
> Test case below
> {code}
> <!DOCTYPE html>
> <html>
>   <head>
>     <title>Capture Video</title>
>     <script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
>     <script type="text/javascript" charset="utf-8">
>     function captureVideoSuccess(mediaFiles) {
>         document.getElementById('videocontent').innerHTML = mediaFiles[0].fullPath;
>         document.getElementById('videocontent2').innerHTML = '<video controls=true><source src="'+mediaFiles[0].fullPath+'"></video>';
>     }
>     
>     function captureImageSuccess(mediaFiles) {
>         document.getElementById('imagecontent').innerHTML = mediaFiles[0].fullPath;
>         document.getElementById('imagecontent2').innerHTML = '<img src="'+mediaFiles[0].fullPath+'">';
>     }
>     function captureError(error) {
>         var msg = 'An error occurred during capture: ' + error.code;
>         navigator.notification.alert(msg, null, 'Uh oh!');
>     }
>     function captureVideo() {
>         navigator.device.capture.captureVideo(captureVideoSuccess, captureError);
>     }
>     function captureImage() {
>         navigator.device.capture.captureImage(captureImageSuccess, captureError);
>     }
>     </script>
>     </head>
>     <body>
>         <button onclick="captureVideo();">Capture Video</button> <br><br>
>         <button onclick="captureImage();">Capture Image</button> <br><br>
>         <div id="videocontent">void</div>
>         <div id="videocontent2">void</div>
>         <div id="imagecontent">void</div>
>         <div id="imagecontent2">void</div>
>     </body>
> </html>
> {code}

--
This message is automatically generated by JIRA.
If you think it was sent incorrectly, please contact your JIRA administrators: https://issues.apache.org/jira/secure/ContactAdministrators!default.jspa
For more information on JIRA, see: http://www.atlassian.com/software/jira