<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Video Footage Calculator (iPhone version) - Digital Rebellion</title>
<link href="http://www.digitalrebellion.com/layout_lite.css" rel="stylesheet" type="text/css"></link>
<link href="images/iphone/iui.css" rel="stylesheet" type="text/css"></link>
<link rel="apple-touch-icon" href="http://www.digitalrebellion.com/images/footage_calc_icon.png"></link> 
<meta content="text/xhtml; charset=UTF-8"></meta>
<meta name="viewport" content="width=320; height=356; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
<meta name="description" lang="en" content="Use this calculator to work out how much space a particular video codec will take up on disk."></meta>
<meta name="keywords" lang="en" content="digital rebellion, post production, video, footage, codec, calculator"></meta>
<meta name="robots" content="all"></meta>
<meta name="author" content="Digital Rebellion, LLC"></meta>
<script src="footage_calc.js" type="text/JavaScript"></script>
<script src="scripts/feedback.js" type="text/JavaScript"></script>

</head>

<body>
<div class="toolbar">

        <h1 id="pageTitle" style="border:0;">Footage Calc</h1>
    </div>

    <div class="panel">
        <fieldset>
            <div class="row">
                <label>Format
                <select style="position: relative; right: -7px;" id="format" name="format" onchange="Javascript: changeFormat();" onkeyup="Javascript: changeFormat();">
                    <option id="aja_log_720">AJA KONA 10-bit Log RGB 720</option>
                    <option id="aja_log_1080">AJA KONA 10-bit Log RGB 1080</option>
                    <option id="aja_10bit_720">AJA KONA 10-bit RGB 720</option>
                    <option id="aja_10bit_1080">AJA KONA 10-bit RGB 1080</option>
                    <option id="aja_2vuy_720">AJA KONA 2Vuy 720</option>
                    <option id="aja_2vuy_1080">AJA KONA 2Vuy 1080</option>
                    <option id="animation_ntsc">Apple Animation NTSC</option>
                    <option id="animation_pal">Apple Animation PAL</option>
                    <option id="animation_720">Apple Animation 720p</option>
                    <option id="animation_1080">Apple Animation 1080p</option>
                    <option id="avid_11_ntsc_f">AVID 1:1 NTSC Best</option>
                    <option id="avid_11_pal">AVID 1:1 PAL Best</option>
                    <option id="avid_11_720">AVID 1:1 720p Best</option>
                    <option id="avid_11_1080">AVID 1:1 1080p Best</option>
                    <option id="avid_21_ntsc_f">AVID 2:1 NTSC Best</option>
                    <option id="avid_21_pal">AVID 2:1 PAL Best</option>
                    <option id="avid_31_ntsc_f">AVID 3:1 NTSC Best</option>
                    <option id="avid_31_pal">AVID 3:1 PAL Best</option>
                    <option id="avid_41_ntsc_f">AVID 4:1 NTSC Best</option>
                    <option id="avid_41_pal">AVID 4:1 PAL Best</option>
                    <option id="avid_101_ntsc_f">AVID 10:1 NTSC Best</option>
                    <option id="avid_101_pal">AVID 10:1 PAL Best</option>
                    <option id="avid_141_ntsc_f">AVID 14:1 NTSC Best</option>
                    <option id="avid_141_pal">AVID 14:1 PAL Best</option>
                    <option id="avid_151_ntsc_f">AVID 15:1 NTSC Best</option>
                    <option id="avid_151_pal">AVID 15:1 PAL Best</option>
                    <option id="avid_201_ntsc_f">AVID 20:1 NTSC Best</option>
                    <option id="avid_201_pal">AVID 20:1 PAL Best</option>
                    <option id="avid_281_ntsc_f">AVID 28:1 NTSC Best</option>
                    <option id="avid_281_pal">AVID 28:1 PAL Best</option>
                    <option id="avid_351_ntsc_f">AVID 35:1 NTSC Best</option>
                    <option id="avid_351_pal">AVID 35:1 PAL Best</option>
                    <option id="avid_dv25_ntsc_411">AVID DV25 411 NTSC</option>
                    <option id="avid_dv25_pal_411">AVID DV25 411 PAL</option>
                    <option id="avid_dv50_ntsc">AVID DV50 NTSC</option>
                    <option id="avid_dv50_pal">AVID DV50 PAL</option>
                    <option id="cineon_rgb_720">Cineon 720 RGB</option>
                    <option id="cineon_rgba_720">Cineon 720 RGBA</option>
                    <option id="cineon_rgb_1080">Cineon 1080 RGB</option>
                    <option id="cineon_rgba_1080">Cineon 1080 RGBA</option>
                    <option id="dnxhd_1080_220_8bit">DNxHD 220 8-bit 1080p</option>
                    <option id="dnxhd_1080_145_8bit">DNxHD 145 8-bit 1080p</option>
                    <option id="dnxhd_1080_36_8bit">DNxHD 36 8-bit 1080p</option>
                    <option id="dnxhd_720_220_8bit">DNxHD 220 8-bit 720p</option>
                    <option id="dnxhd_720_145_8bit">DNxHD 145 8-bit 720p</option>
                    <option id="dvcprohd_720_r">DVCProHD 720p</option>
                    <option id="dvcprohd_1080_r">DVCProHD 1080p</option>
                    <option id="h264_ntsc">H.264 NTSC</option>
                    <option id="h264_pal">H.264 PAL</option>
                    <option id="h264_720">H.264 720p</option>
                    <option id="h264_1080">H.264 1080p</option>
                    <option id="hdv_720">HDV 720p</option>
                    <option id="hdv_1080_r">HDV 1080p</option>
                    <option id="iff_ntsc">Maya IFF NTSC</option>
                    <option id="iff_pal">Maya IFF PAL</option>
                    <option id="iff_720">Maya IFF 720</option>
                    <option id="iff_1080">Maya IFF 1080</option>
                    <option id="mpeg2_62_ntsc_br">MPEG-2 6.2Mbps fixed rate</option>
                    <option id="mpeg2_50_ntsc_br">MPEG-2 5.0Mbps fixed rate</option>
                    <option id="mpeg2_37_ntsc_br">MPEG-2 3.7Mbps fixed rate</option>
                    <option id="ntsc_720x480" selected="selected">NTSC DV</option>
                    <option id="ntsc_dv50_720x480">NTSC DVCPRO50</option>
                    <option id="ntsc_uncompressed_8_720x480">NTSC uncompressed 8-bit</option>
                    <option id="ntsc_uncompressed_10_720x480">NTSC uncompressed 10-bit</option>
                    <option id="openexr_720">OpenEXR uncompressed 720</option>
                    <option id="openexr_1080">OpenEXR uncompressed 1080</option>
                    <option id="pal_720x576">PAL DV</option>
                    <option id="pal_dv50_720x576">PAL DVCPRO50</option>
                    <option id="pal_uncompressed_8_720x576">PAL uncompressed 8-bit</option>
                    <option id="pal_uncompressed_10_720x576">PAL uncompressed 10-bit</option>
                    <option id="photojpeg_ntsc">Photo-JPEG NTSC</option>
                    <option id="photojpeg_pal">Photo-JPEG PAL</option>
                    <option id="photojpeg_720">Photo-JPEG 720p</option>
                    <option id="photojpeg_1080">Photo-JPEG 1080p</option>
                    <option id="prores_422_ntsc">ProRes 422 NTSC</option>
                    <option id="prores_422_hq_ntsc">ProRes 422 HQ NTSC</option>
                    <option id="prores_422_720">ProRes 422 720p</option>
                    <option id="prores_422_hq_720">ProRes 422 HQ 720p</option>
                    <option id="prores_422_1080">ProRes 422 1080p</option>
                    <option id="prores_422_hq_1080">ProRes 422 HQ 1080p</option>
                    <option id="sgi_raw_rgb_720">SGI Raw RGB 720</option>
                    <option id="sgi_raw_rgba_720">SGI Raw RGBA 720</option>
                    <option id="sgi_raw_rgb_1080">SGI Raw RGB 1080</option>
                    <option id="sgi_raw_rgba_1080">SGI Raw RGBA 1080</option>
                    <option id="sgi_rgb_720">SGI RGB 720</option>
                    <option id="sgi_rgba_720">SGI RGBA 720</option>
                    <option id="sgi_rgb_1080">SGI RGB 1080</option>
                    <option id="sgi_rgba_1080">SGI RGBA 1080</option>
                    <option id="softimage_720">Softimage 720</option>
                    <option id="softimage_1080">Softimage 1080</option>
                    <option id="targa_rgb_720">TGA uncompressed RGB 720</option>
                    <option id="targa_rgba_720">TGA uncompressed RGBA 720</option>
                    <option id="targa_rgb_1080">TGA uncompressed RGB 1080</option>
                    <option id="targa_rgba_1080">TGA uncompressed RGBA 1080</option>
                    <option id="tiff_uncompressed_rgb_720">TIFF 720 RGB Uncompressed</option>
                    <option id="tiff_uncompressed_rgba_720">TIFF 720 RGBA Uncompressed</option>
                    <option id="tiff_uncompressed_rgb_1080">TIFF 1080 RGB Uncompressed</option>
                    <option id="tiff_uncompressed_rgba_1080">TIFF 1080 RGBA Uncompressed</option>
                    <option id="uncompressed_8_720">Uncompressed 720p 8-bit</option>
                    <option id="uncompressed_10_720">Uncompressed 720p 10-bit</option>
                    <option id="uncompressed_8_1080">Uncompressed 1080p 8-bit</option>
                    <option id="uncompressed_10_1080">Uncompressed 1080p 10-bit</option>
                </select>
                </label>
            </div>
            
            <div class="row">
                <label>Resolution
                <span id="reslabel" style="position: relative; right:-8px;">
                    </span>
                </label>
            </div>
            
            <div class="row">
                <label>Frame rate
                    <select style="position: relative; right: -8px" id="frame_rate" name="frame_rate" onchange="Javascript: recalculate();" onkeyup="Javascript: recalculate();">
                        <option id="f14.98">14.98</option>
                        <option id="f15">15</option>
                        <option id="f23.98" selected="selected">23.98</option>
                        <option id="f24">24</option>
                        <option id="f25">25</option>
                        <option id="f29.97">29.97</option>
                        <option id="f30">30</option>
                        <option id="f50">50</option>
                        <option id="f59.94">59.94</option>
                        <option id="f60">60</option>
                        <option id="f90">90</option>
                        <option id="f120">120</option>
                        </select>
                </label>
            </div>
            
            <div class="row">
                <label>Footage length
                <input style="position: relative; right: -7px; text-align:center;" type="text" id="length" name="length" value="1" size="3" maxlength="3" onclick="Javascript: resetTextBox();" onkeyup="Javascript: validate_text();" onchange="Javascript: validate_text();"></input>
            </label>
                <span style="position: relative; left: 12em; line-height: 42px;"><select style="position: relative; right: -10px" id="length_type" name="length_type"  onchange="Javascript: recalculate();" onkeyup="Javascript: recalculate();"><option id="hours">hours</option><option id="minutes">minutes</option><option id="seconds">seconds</option><option id="frames">frames</option></select></span>
            </div>
        </fieldset>
        
<h2 style='font-size: medium;border:0;'>Total space: <span id='output'></span></h2>
</div>

<div style="margin-bottom: 1em;">By <a href="http://www.digitalrebellion.com/">Digital Rebellion</a></div>
<div style="margin-bottom: 1em;"><b><a href="Javascript: linkToPage();">Link to this calculation</a></b> <span style="color: red;">New!</span></div>

<div style="margin-bottom: 1em;"><span id="feedbacklabel"><b>Comments, suggestions, bug reports?<br /><a href="Javascript: openFeedback(false);">Leave feedback</a></b></span><span id="pageurl" class="hide">http://www.digitalrebellion.com/footage_calc_mobile.xml</span><div id="feedbackform" class="hide"><textarea cols="30" rows="6" id="txtfeedback"></textarea><br /><a href="Javascript: submitFeedback();">Submit</a> <a href="Javascript: openFeedback(true);">Cancel</a><br /><br /><b>If you would like a reply, please include your <br />email address.</b></div>
<script type="text/Javascript">
    querystring_calc();
    changeFormat();
</script>
</div>

</body>
</html>