Download as
Browse Code »

Commit 2b252c6b1899e17c96db612658ca41eb1bb6570e

Authored by Adabriand Furtado
1 parent da8e8094
Exists in master

Adicionado suporte ao Safari.

Showing 3 changed files with 38 additions and 8 deletions   Show diff stats
view/js/helpers/video-helper.js 0 → 100644
  Diff comments   View file @2b252c6
... ... @@ -0,0 +1,31 @@
  1 +(function(videoHelper, $, undefined) {
  2 +
  3 + function _getSource(videoBaseUrl) {
  4 + return '<source src="' + videoBaseUrl + '.webm" type="video/webm">'
  5 + + '<source src="' + videoBaseUrl
  6 + + '.mp4" type="video/mp4">Sem suporte a vídeos';
  7 + }
  8 +
  9 + function _controlVideo(elId, toPlay) {
  10 + if ($(elId).length === 0)
  11 + return;
  12 + if (toPlay) {
  13 + $(elId).get(0).play();
  14 + } else {
  15 + $(elId).get(0).pause();
  16 + }
  17 + }
  18 +
  19 + videoHelper.play = function(elId) {
  20 + _controlVideo(elId, true);
  21 + };
  22 +
  23 + videoHelper.pause = function(elId) {
  24 + _controlVideo(elId, false);
  25 + };
  26 +
  27 + videoHelper.getSource = function(videoBaseUrl) {
  28 + return _getSource(videoBaseUrl);
  29 + };
  30 +
  31 +}(window.videoHelper = window.videoHelper || {}, jQuery));
... ...
view/js/validador.js
  Diff comments   View file @2b252c6
... ... @@ -219,11 +219,11 @@
219 219 function _loadTaskInfo(task) {
220 220 currentTaskId = task.id;
221 221 var signName = task.info.sign_name;
222   - var avatarVidLink = videosUrl + signName + '_AVATAR.webm';
223   - var refVidLink = videosUrl + signName + '_REF.webm';
  222 + var baseAvatarVidUrl = videosUrl + signName + '_AVATAR';
  223 + var baseRefVidUrl = videosUrl + signName + '_REF';
224 224 $('.sign-label').text(signName);
225   - $('#avatar-video').attr('src', avatarVidLink);
226   - $('#ref-video').attr('src', refVidLink);
  225 + $('#avatar-video').html(videoHelper.getSource(baseAvatarVidUrl));
  226 + $('#ref-video').html(videoHelper.getSource(baseRefVidUrl));
227 227 }
228 228  
229 229 function _loadMainComponents() {
... ...
view/templates/index.html
  Diff comments   View file @2b252c6
... ... @@ -3,6 +3,7 @@
3 3 <script src="{{ server }}/js/external-libs/js.cookie.js"></script>
4 4 <script src="{{ server }}/js/helpers/pybossa-api-helper.js"></script>
5 5 <script src="{{ server }}/js/helpers/load-html-helper.js"></script>
  6 +<script src="{{ server }}/js/helpers/video-helper.js"></script>
6 7 <script src="{{ server }}/js/ranking.js"></script>
7 8 <script src="{{ server }}/js/validador.js"></script>
8 9  
... ... @@ -47,9 +48,8 @@
47 48 </h6>
48 49 </div>
49 50 <div class="row">
50   - <video id="avatar-video" src="" preload="metadata"
  51 + <video id="avatar-video" preload="metadata"
51 52 class="video-body" autoplay loop controls>
52   - <source type="video/webm">
53 53 </video>
54 54 </div>
55 55 <div id="avatar-radio-answers" class="row radio-options">
... ... @@ -77,9 +77,8 @@
77 77 </h6>
78 78 </div>
79 79 <div class="row">
80   - <video id="ref-video" src="" preload="metadata" class="video-body"
  80 + <video id="ref-video" preload="metadata" class="video-body"
81 81 autoplay loop controls>
82   - <source type="video/webm">
83 82 </video>
84 83 </div>
85 84 <div id="ref-radio-answers" class="row radio-options">
... ...