haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-08 02:10:24 +00:00
Code Issues Releases Wiki Activity

Added support for previewing Video and mp3 files.

Browse Source
This commit is contained in:
Phillip Thelen
2013-02-26 05:16:18 +01:00
parent dad3888b0c
commit 0bb42bb400
5 changed files with 27 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
media/css/seahub.css
View File

@@ -1804,4 +1804,13 @@ textarea:-moz-placeholder {/* for FF */
.pubinfo-item .obj { .pubinfo-item .obj {
font-size:11px; font-size:11px;
color:#999; color:#999;
.video-container {
margin: auto;
width: 800px;
height: 400px;
}
.audio-container {
margin: auto;
width: 500px;
height: 30px;
} }

9
templates/snippets/file_content_js.html
View File

@@ -162,6 +162,15 @@ if (!($.browser.msie && parseInt($.browser.version) < 10)) {
} }
{% endif %} {% endif %}
{% if filetype == 'Video' %}
$('#file-view').html('<div class="video-container"><video src="{{raw_path}}" width="800" height="400"></video></div>');
$('video').mediaelementplayer(/* Options */);
{% endif %}
{% if filetype == 'Audio' %}
$('#file-view').html('<div class="audio-container"><audio src="{{raw_path}}" width="500" height="30"></audio></div>');
$('audio').mediaelementplayer(/* Options */);
{% endif %}
{% if filetype == 'Unknown' %} {% if filetype == 'Unknown' %}
$('#file-view').html('<div id="file-view-tip"><p>{% trans "This type of file cannot be viewed online." %}</p></div>'); $('#file-view').html('<div id="file-view-tip"><p>{% trans "This type of file cannot be viewed online." %}</p></div>');
{% endif %} {% endif %}

3
templates/snippets/file_view_js.html
View File

@@ -7,6 +7,9 @@
{% if filetype == 'PDF' and use_pdfjs %} {% if filetype == 'PDF' and use_pdfjs %}
<script type="text/javascript" src="{{MEDIA_URL}}js/pdf.js"></script> <script type="text/javascript" src="{{MEDIA_URL}}js/pdf.js"></script>
{% endif %} {% endif %}
{% if filetype == 'Video' or filetype == 'Audio' %}
<script src="{{MEDIA_URL}}js/mediaelement-and-player.min.js"></script>
{% endif %}
{% if filetype == 'Markdown' %} {% if filetype == 'Markdown' %}
<script type="text/javascript" src="{{MEDIA_URL}}js/showdown.js"></script> <script type="text/javascript" src="{{MEDIA_URL}}js/showdown.js"></script>
{% endif %} {% endif %}

4
templates/snippets/file_view_style.html
View File

@@ -19,3 +19,7 @@
#file-view { text-align:center; padding:30px 0; } #file-view { text-align:center; padding:30px 0; }
</style> </style>
{% endif %} {% endif %}
{% if filetype == 'Video' or filetype == 'Audio' %}
<link rel="stylesheet" href="{{MEDIA_URL}}css/mediaelementplayer.css" />
{% endif %}

2
utils/__init__.py
View File

@@ -45,6 +45,8 @@ PREVIEW_FILEEXT = {
'PDF': ('pdf',), 'PDF': ('pdf',),
'Markdown': ('markdown', 'md'), 'Markdown': ('markdown', 'md'),
'Sf': ('seaf',), 'Sf': ('seaf',),
'Video': ('mp4', 'ogv', 'webm', 'flv'),
'Audio': ('mp3',),
} }
def gen_fileext_type_map(): def gen_fileext_type_map():