Web   ·   Wiki   ·   Activities   ·   Blog   ·   Lists   ·   Chat   ·   Meeting   ·   Bugs   ·   Git   ·   Translate   ·   Archive   ·   People   ·   Donate
summaryrefslogtreecommitdiffstats
path: root/apps/system/camera/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'apps/system/camera/index.html')
-rw-r--r--apps/system/camera/index.html66
1 files changed, 66 insertions, 0 deletions
diff --git a/apps/system/camera/index.html b/apps/system/camera/index.html
new file mode 100644
index 0000000..c06bf41
--- /dev/null
+++ b/apps/system/camera/index.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <meta http-equiv="pragma" content="no-cache">
+ <title>Camera</title>
+ <link rel="resource" type="application/l10n" href="locales/locales.ini" />
+ <link rel="resource" type="application/l10n" href="/shared/locales/date.ini" />
+ <link type="text/css" rel="stylesheet" href="style/camera.css"/>
+ <link type="text/css" rel="stylesheet" href="style/filmstrip.css"/>
+ <link type="text/css" rel="stylesheet" href="style/VideoPlayer.css"/>
+ </head>
+ <body>
+ <div id="focus-ring"></div>
+ <video id="viewfinder" autoplay></video>
+
+ <div id="hud">
+ <a id="toggle-camera" class="hidden"></an>
+ <a id="toggle-flash" class="hidden"></a>
+ </div>
+
+ <div id="controls">
+ <a id="switch-button" name="Switch source" class="hidden" disabled="disabled"><span></span></a>
+ <a id="capture-button" name="Capture" disabled="disabled"><span></span></a>
+ <div id="misc-button">
+ <a id="gallery-button" class="hidden" name="View Gallery"><span></span></a>
+ <a id="cancel-pick" class="hidden"><span></span></a>
+ <span id="video-timer">00:00</span>
+ </div>
+ </div>
+
+ <div id="overlay" class="hidden">
+ <div id="overlay-content">
+ <h1 id="overlay-title"></h1>
+ <p id="overlay-text"><p>
+ </div>
+ </div>
+
+ <!-- see filmstrip.js and filmstrip.css for these elements -->
+ <div id="filmstrip" class="hidden">
+ <a id="filmstrip-gallery-button" class="hidden button"></a>
+ </div>
+ <div id="preview" class="offscreen">
+ <div id="frame-container"> <!-- media frame rotates inside this -->
+ <div id="media-frame"></div> <!-- image or video here -->
+ </div>
+ <footer id="preview-controls"> <!-- camera, delete, share buttons -->
+ <a id="camera-button" class="button"></a>
+ <a id="delete-button" class="button"></a>
+ <a id="share-button" class="button"></a>
+ </footer>
+ </div>
+
+ <script type="text/javascript" src="/shared/js/l10n.js"></script>
+ <script type="text/javascript" src="/shared/js/l10n_date.js"></script>
+ <script type="text/javascript" src="/shared/js/async_storage.js"></script>
+ <script type="text/javascript" src="/shared/js/blobview.js"></script>
+ <script type="text/javascript" src="/shared/js/media/jpeg_metadata_parser.js"></script>
+ <script type="text/javascript" src="/shared/js/media/get_video_rotation.js"></script>
+ <script type="text/javascript" src="/shared/js/media/video_player.js"></script>
+ <script type="text/javascript" src="/shared/js/media/media_frame.js"></script>
+ <script type="text/javascript" src="/shared/js/gesture_detector.js"></script>
+ <script type="text/javascript" src="js/camera.js"></script>
+ <script type="text/javascript" src="js/filmstrip.js"></script>
+ </body>
+</html>