render-sign.js
2.28 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
(function(renderSign, $, undefined) {
var apiUrl = '';
function _submitParameterJSON(parsedParameterJSON, callback) {
console.log(parsedParameterJSON);
$.ajax({
type : 'POST',
url : apiUrl + '/sign',
data : JSON.stringify(parsedParameterJSON),
contentType : 'application/json',
success : function(response) {
console.log(response);
callback(parsedParameterJSON);
},
error : function(xhr, textStatus, error) {
alert(xhr.responseText);
}
});
}
function _showRenderedAvatar(parameterJSON) {
var userId = parameterJSON['userId'];
var signName = parameterJSON['sinal'];
var avatarBaseUrl = _getRenderedAvatarBaseUrl(userId, signName);
$('#render-avatar video').html(videoHelper.getSource(avatarBaseUrl));
$("#render-avatar").fadeIn(300);
}
function _showRenderScreen(toShow) {
if (toShow) {
$("#render-screen").fadeIn(300);
videoHelper.play("#render-ref video");
videoHelper.play("#render-avatar video");
} else {
$("#render-screen").hide();
videoHelper.pause("#render-ref video");
videoHelper.pause("#render-avatar video");
}
}
function _getRenderedAvatarBaseUrl(userId, signName) {
return apiUrl + '/public/' + userId + '/' + signName;
}
renderSign.showRenderedAvatar = function(parameterJSON) {
_showRenderedAvatar(parameterJSON);
_showRenderScreen(true);
}
renderSign.showRenderScreen = function(toShow) {
_showRenderScreen(toShow);
}
renderSign.getRenderedAvatarBaseUrl = function(userId, signName) {
return _getRenderedAvatarBaseUrl(userId, signName);
}
renderSign.submit = function(parsedParameterJSON) {
configurationScreen.show(false);
_showRenderScreen(true);
$("#render-avatar").hide();
$("#render-loading").fadeIn(300);
$("#render-button-container .btn").hide();
$("#finish-button").addClass("disabled");
$("#finish-button").show();
_submitParameterJSON(parsedParameterJSON,
function(parsedParameterJSON) {
$("#render-loading").fadeOut(300);
$("#finish-button").removeClass("disabled");
_showRenderedAvatar(parsedParameterJSON);
});
};
renderSign.setup = function(url) {
apiUrl = url;
$("#render-edit").off("click").on("click", function() {
_showRenderScreen(false);
configurationScreen.show(true);
});
}
}(window.renderSign = window.renderSign || {}, jQuery));