Differences

This shows you the differences between two versions of the page.

--- public:mdvr:frame_calulator [2021/08/26 23:24]
europe created
+++ public:mdvr:frame_calulator [2021/08/27 00:34] (current)
europe ↷ Page moved from internal:draft:frame_calulator to public:mdvr:frame_calulator
@@ Line 1: / Line 1: @@
+====== MDVR Storage Calculator ======
+{{ :mdvr:pasted:mdvr_storage_calculator.zip |Download the calculator}}
 <html>
-<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" style="width:300px;">
     <title>N9M frame calculator</title>
@@ Line 11: / Line 13: @@
             border-right: 1px solid #9393FF;
             border-bottom: 1px solid #9393FF;
+            max-width: 400px;
         }
@@ Line 115: / Line 118: @@
         </tr>
         <tr>
-            <td nowrap="" class="title0">Calculation conditions</td>
+            <td nowrap="" class="title0">Conditions</td>
             <td nowrap="" class="title0" colspan="8">
-                Frame：<input id="idframe" type="text" value="25" style="width:30px;">
+			<style>
-                Storage capacity：
+			.c{
-                <select id="idsize" style="width:60px;">
+			display:inline;
-                    <option>4G</option>
+			}
-                    <option>8G</option>
+			</style>
-                    <option>16G</option>
+				<div style="float:left;">
-                    <option>32G</option>
+					Frame：<input class="c" id="idframe" type="text" value="25", style="width:100px;">
-                    <option>64G</option>
+					Storage capacity：
-                    <option>128G</option>
+					<select class="c" id="idsize", style="width:100px;">
-                    <option>256G</option>
+						<option>4G</option>
-                    <option>512G</option>
+						<option>8G</option>
-                    <option>1T</option>
+						<option>16G</option>
-                    <option>2T</option>
+						<option>32G</option>
-                    <option>4T</option>
+						<option>64G</option>
-                </select>
+						<option>128G</option>
-                Channel：<input id="idchannel" type="text" value="4" style="width:30px;">
+						<option>256G</option>
-                Default quality：Normal：3；Alarm：2；
+						<option>512G</option>
-                <font color="red">Used for N9M based device</font>
+						<option>1T</option>
+						<option>2T</option>
+						<option>4T</option>
+					</select>
+					Channel：<input class="c" id="idchannel" type="text" value="4", style="width:100px;">
+					Default quality：Normal：3；Alarm：2；
+					<font color="red">Used for N9M based device</font>
+				</div>
             </td>
             <td nowrap="" class="title0">
-                <input id="bok" type="button" value="Calculate" style="width:80px;">
+                <input id="bok" type="button" value="Calculate" style="width:100px;">
             </td>
         </tr>
@@ Line 165: / Line 175: @@
         </tr>
         <tr>
-            <td nowrap="" class="title0">Storage size(Per hour)</td>
+            <td nowrap="" class="title0">Data size(Per hour)</td>
             <td nowrap="" class="title1" id="wd1_1">&nbsp;</td>
             <td nowrap="" class="title1" id="wd1_2">&nbsp;</td>
@@ Line 199: / Line 209: @@
         </tr>
         <tr>
-            <td nowrap="" class="title0">Storage size(Per hour)</td>
+            <td nowrap="" class="title0">Data size(Per hour)</td>
             <td nowrap="" class="title1" id="whd1_1">&nbsp;</td>
             <td nowrap="" class="title1" id="whd1_2">&nbsp;</td>
@@ Line 233: / Line 243: @@
         </tr>
         <tr>
-            <td nowrap="" class="title0">Storage size(Per hour)</td>
+            <td nowrap="" class="title0">Data size(Per hour)</td>
             <td nowrap="" class="title1" id="wcif_1">&nbsp;</td>
             <td nowrap="" class="title1" id="wcif_2">&nbsp;</td>
@@ Line 268: / Line 278: @@
         </tr>
         <tr>
-            <td nowrap="" class="title0">Storage size(Per hour)</td>
+            <td nowrap="" class="title0">Data size(Per hour)</td>
             <td nowrap="" class="title1" id="d1_1">&nbsp;</td>
             <td nowrap="" class="title1" id="d1_2">&nbsp;</td>
@@ Line 302: / Line 312: @@
         </tr>
         <tr>
-            <td nowrap="" class="title0">Storage size(Per hour)</td>
+            <td nowrap="" class="title0">Data size(Per hour)</td>
             <td nowrap="" class="title1" id="hd1_1">&nbsp;</td>
             <td nowrap="" class="title1" id="hd1_2">&nbsp;</td>
@@ Line 336: / Line 346: @@
         </tr>
         <tr>
-            <td nowrap="" class="title0">Storage size(Per hour)</td>
+            <td nowrap="" class="title0">Data size(Per hour)</td>
             <td nowrap="" class="title1" id="cif_1">&nbsp;</td>
             <td nowrap="" class="title1" id="cif_2">&nbsp;</td>
@@ Line 370: / Line 380: @@
         </tr>
         <tr>
-            <td nowrap="" class="title0">Storage size(Per hour)</td>
+            <td nowrap="" class="title0">Data size(Per hour)</td>
             <td nowrap="" class="title1" id="qcif_1">&nbsp;</td>
             <td nowrap="" class="title1" id="qcif_2">&nbsp;</td>
@@ Line 404: / Line 414: @@
         </tr>
         <tr>
-            <td nowrap="" class="title0">Storage size(Per hour)</td>
+            <td nowrap="" class="title0">Data size(Per hour)</td>
             <td nowrap="" class="title1" id="p720_1">&nbsp;</td>
             <td nowrap="" class="title1" id="p720_2">&nbsp;</td>
@@ Line 439: / Line 449: @@
         </tr>
         <tr>
-            <td nowrap="" class="title0">Storage size(Per hour)</td>
+            <td nowrap="" class="title0">Data size(Per hour)</td>
             <td nowrap="" class="title1" id="p1080_1">&nbsp;</td>
             <td nowrap="" class="title1" id="p1080_2">&nbsp;</td>