aboutsummaryrefslogtreecommitdiffstats
path: root/mediagoblin/static/css
diff options
context:
space:
mode:
authorJoar Wandborg <git@wandborg.com>2012-03-22 01:27:19 +0100
committerJoar Wandborg <git@wandborg.com>2012-03-22 01:27:19 +0100
commita9d84d4cb79252549d472f9f2059b45bbce4f4f1 (patch)
treee3b2301a34cacef2d40a2542a63f06f490faf32c /mediagoblin/static/css
parent9743ce886ab3655662afaa0ef7b08791a65e37da (diff)
downloadmediagoblin-a9d84d4cb79252549d472f9f2059b45bbce4f4f1.tar.lz
mediagoblin-a9d84d4cb79252549d472f9f2059b45bbce4f4f1.tar.xz
mediagoblin-a9d84d4cb79252549d472f9f2059b45bbce4f4f1.zip
Faster sniffing
- Sniffing now goes through the old extension-based filter before doing it the bitsniffing way. - Refractored get_media_type_and_manager(filename). - Removed ogg extension from video accepted extensions, audio will take care of that. - Added custom audio player, still WIP,but working. - Added test for sniffing. This only tests for the mediagoblin.media_types.image type, as that is the only one enabled from start.
Diffstat (limited to 'mediagoblin/static/css')
-rw-r--r--mediagoblin/static/css/audio.css53
1 files changed, 53 insertions, 0 deletions
diff --git a/mediagoblin/static/css/audio.css b/mediagoblin/static/css/audio.css
new file mode 100644
index 00000000..5f7a888a
--- /dev/null
+++ b/mediagoblin/static/css/audio.css
@@ -0,0 +1,53 @@
+.audio-spectrogram {
+ position: relative;
+}
+.playhead {
+ position: absolute;
+ top: 0;
+ left: 0;
+ background: rgba(134, 212, 177, 0.3);
+ border-right: thin solid #ffaa00;
+ height: 100%;
+ -webkit-transition: width .1s ease-out;
+ -moz-transition: width .1s ease-out;
+}
+.audio-control-play-pause {
+ position: absolute;
+ bottom: 0;
+ left: 5px;
+ cursor: pointer;
+ /* background: rgba(0, 0, 0, 0.7); */
+ font-size: 40px;
+ width: 50px;
+ text-shadow: 0 0 10px black;
+}
+ .audio-control-play-pause.playing {
+ color: #b71500;
+ }
+ .audio-control-play-pause.paused {
+ color: rgb(134, 212, 177);
+ }
+.buffered {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ height: 2px;
+ width: 0;
+ -webkit-transition: width 1s ease-out;
+ -moz-transition: width 1s ease-out;
+ background: rgba(134, 177, 212, 1);
+ cursor: pointer;
+}
+.seekbar {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+}
+.audio-currentTime {
+ position: absolute;
+ bottom: 0;
+ right: 0;
+ background: rgba(0, 0, 0, 0.7);
+}