Mercurial Mercurial > hashcut / annotate
summary | shortlog | changelog | graph | tags | bookmarks | branches | files | changeset | file | latest | revisions | annotate | diff | comparison | raw | help
Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
integration/js/mashupplayer.js
author veltr
Fri, 23 Nov 2012 19:13:50 +0100
changeset 49 a21b851538b2
parent 45 f39df810caab
child 50 89e152523cb6
permissions -rw-r--r--
Added Media page
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
49
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset 
     1
 
IriSP.mashupplayer = function(options) {
41
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents:
diff changeset 
     2
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents:
diff changeset 
     3
 
    var directory = new IriSP.Model.Directory(),
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents:
diff changeset 
     4
 
        project = directory.remoteSource({
49
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset 
     5
 
            url: IriSP.endpoints.ldt + options.id,
41
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents:
diff changeset 
     6
 
            serializer: IriSP.serializers.ldt
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents:
diff changeset 
     7
 
        }),
49
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset 
     8
 
        apidirectory = new IriSP.Model.Directory(),
43
5a5024bc74e6 Save before weekend
veltr
parents: 41
diff changeset 
     9
 
        mashup,
5a5024bc74e6 Save before weekend
veltr
parents: 41
diff changeset 
    10
 
        mediatemplate = _.template('<li class="item-video media" data-media-id="<%= media.id %>">'
49
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset 
    11
 
            + '<a href="<%= IriSP.endpoints.media_page + media.id %>"><img class="thumbnail" alt="<%= media.title %>" src="<%= media.thumbnail %>"></a><div class="video-info">'
43
5a5024bc74e6 Save before weekend
veltr
parents: 41
diff changeset 
    12
 
            + '<h3 class="title-video"><a href="#"><%= media.title %></a></h3><p class="description"><%= media.description %></p>'
5a5024bc74e6 Save before weekend
veltr
parents: 41
diff changeset 
    13
 
            + '<p class="time-length">Durée : <span><%= media.duration.toString() %></span></p><div class="frise">'
5a5024bc74e6 Save before weekend
veltr
parents: 41
diff changeset 
    14
 
            + '<div class="frise-overflow"><div class="frise-segments"><%= segments %></div></div></div></div></li>');
5a5024bc74e6 Save before weekend
veltr
parents: 41
diff changeset 
    15
 
        segmenttemplate = _.template('<div style="background-color:<%= annotation.color %>; left:<%= left %>%; width: <%= width %>%;"'
5a5024bc74e6 Save before weekend
veltr
parents: 41
diff changeset 
    16
 
            + ' class="frise-segment annotation" data-segment-id="<%= annotation.id %>" title="<%= annotation.title %>"></div>')
41
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents:
diff changeset 
    17
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents:
diff changeset 
    18
 
    project.onLoad(function() {
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents:
diff changeset 
    19
 
        mashup = project.getMashups()[0];
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents:
diff changeset 
    20
 
        IriSP.mashupcore(project, mashup);
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents:
diff changeset 
    21
 
        project.trigger("set-current",mashup);
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents:
diff changeset 
    22
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents:
diff changeset 
    23
 
        $(".info-title a").text(mashup.title);
49
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset 
    24
 
        $(".title-video-wrap .title-video").text(mashup.title);
41
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents:
diff changeset 
    25
 
        $(".info-duration td").text(mashup.duration.toString());
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents:
diff changeset 
    26
 
        $(".info-author a").text(mashup.creator);
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents:
diff changeset 
    27
 
        $(".info-description td").text(mashup.description);
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents:
diff changeset 
    28
43
5a5024bc74e6 Save before weekend
veltr
parents: 41
diff changeset 
    29
 
        mashup.getMedias().forEach(function(media) {
49
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset 
    30
 
            apidirectory.remoteSource({
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset 
    31
 
                url: IriSP.endpoints.content + media.id,
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset 
    32
 
                serializer: IriSP.serializers.content
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset 
    33
 
            }).onLoad(function() {
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset 
    34
 
                var m = apidirectory.getElement(media.id);
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset 
    35
 
                if (m) {
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset 
    36
 
                    media.thumbnail = m.thumbnail;
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset 
    37
 
                }
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset 
    38
 
                var segments = mashup.segments.filter(function(segment) {
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset 
    39
 
                    return segment.getMedia() === media;
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset 
    40
 
                });
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset 
    41
 
                var segmentshtml = '', k = media.duration ? (100 / media.duration) : 0;
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset 
    42
 
                segments.forEach(function(segment) {
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset 
    43
 
                    var vizdata = {
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset 
    44
 
                        annotation: segment.annotation,
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset 
    45
 
                        left: k * segment.annotation.begin,
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset 
    46
 
                        width: k * segment.annotation.getDuration()
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset 
    47
 
                    }
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset 
    48
 
                    segmentshtml += segmenttemplate(vizdata);
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset 
    49
 
                });
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset 
    50
 
                var mediadata = {
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset 
    51
 
                    media: media,
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset 
    52
 
                    segments: segmentshtml
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset 
    53
 
                }
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset 
    54
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset 
    55
 
                $(".list-video").append(mediatemplate(mediadata));
43
5a5024bc74e6 Save before weekend
veltr
parents: 41
diff changeset 
    56
 
            });
5a5024bc74e6 Save before weekend
veltr
parents: 41
diff changeset 
    57
 
        });
5a5024bc74e6 Save before weekend
veltr
parents: 41
diff changeset 
    58
5a5024bc74e6 Save before weekend
veltr
parents: 41
diff changeset 
    59
5a5024bc74e6 Save before weekend
veltr
parents: 41
diff changeset 
    60
 
        project.on("mouseover-annotation", function(annotation) {
5a5024bc74e6 Save before weekend
veltr
parents: 41
diff changeset 
    61
 
            var mediaid = annotation.getMedia().id;
5a5024bc74e6 Save before weekend
veltr
parents: 41
diff changeset 
    62
 
            $(".media").removeClass("active");
5a5024bc74e6 Save before weekend
veltr
parents: 41
diff changeset 
    63
 
            $(".media[data-media-id='" + mediaid + "']").addClass("active");
5a5024bc74e6 Save before weekend
veltr
parents: 41
diff changeset 
    64
 
        });
5a5024bc74e6 Save before weekend
veltr
parents: 41
diff changeset 
    65
5a5024bc74e6 Save before weekend
veltr
parents: 41
diff changeset 
    66
 
        project.on("mouseout-annotation", function(annotation) {
5a5024bc74e6 Save before weekend
veltr
parents: 41
diff changeset 
    67
 
            $(".media").removeClass("active");
5a5024bc74e6 Save before weekend
veltr
parents: 41
diff changeset 
    68
 
            var mediaid = mashup.currentMedia.id;
5a5024bc74e6 Save before weekend
veltr
parents: 41
diff changeset 
    69
 
            $(".media[data-media-id='" + mediaid + "']").addClass("active");
5a5024bc74e6 Save before weekend
veltr
parents: 41
diff changeset 
    70
 
        });
5a5024bc74e6 Save before weekend
veltr
parents: 41
diff changeset 
    71
49
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset 
    72
 
        $(".list-video")
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset 
    73
 
        .on("mouseover", ".frise-segment", function() {
43
5a5024bc74e6 Save before weekend
veltr
parents: 41
diff changeset 
    74
 
            project.trigger("mouseover-annotation", project.getElement($(this).attr("data-segment-id")));
5a5024bc74e6 Save before weekend
veltr
parents: 41
diff changeset 
    75
 
        })
49
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset 
    76
 
        .on("click", ".frise-segment", function() {
43
5a5024bc74e6 Save before weekend
veltr
parents: 41
diff changeset 
    77
 
            project.trigger("click-annotation", project.getElement($(this).attr("data-segment-id")));
49
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset 
    78
 
        })
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset 
    79
 
        .on("mouseover", ".item-video", function() {
43
5a5024bc74e6 Save before weekend
veltr
parents: 41
diff changeset 
    80
 
            $(".media").removeClass("active");
5a5024bc74e6 Save before weekend
veltr
parents: 41
diff changeset 
    81
 
        })
49
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset 
    82
 
        .on("mouseout", ".item-video", function() {
43
5a5024bc74e6 Save before weekend
veltr
parents: 41
diff changeset 
    83
 
            project.trigger("mouseout-annotation");
5a5024bc74e6 Save before weekend
veltr
parents: 41
diff changeset 
    84
 
        })
5a5024bc74e6 Save before weekend
veltr
parents: 41
diff changeset 
    85
5a5024bc74e6 Save before weekend
veltr
parents: 41
diff changeset 
    86
41
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents:
diff changeset 
    87
 
    });
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents:
diff changeset 
    88
 
}
hashcut