server/src/remieplt/templates/ldt/ldt_utils/partial/embed_player.html
author ymh <ymh.work@gmail.com>
Thu, 16 Jul 2015 02:38:01 +0200
changeset 17 18ba1a921633
child 172 fc6cb4ccffc4
permissions -rw-r--r--
override default platform templates to better serve html5 videos

{% spaceless %}
{% load i18n %}
{% load absurl %}
{% load static %}
{% load thumbnail %}
<div>
<div id="{{ player_id }}_embed" class="iri_player_embed">
</div>
<script type="text/javascript" src='{% static "ldt/metadataplayer/LdtPlayer-core.js" %}'></script>
<script type="text/javascript">

if (typeof jQuery == "undefined") {
	jQuery = IriSP.jQuery;
}
var metadatas = {metadata: {url: '{{json_url}}{% if "?" in json_url %}&{% else %}?{% endif %}onecontent=1' }};
var metadata_key = "metadata";

IriSP.libFiles.defaultDir = '{% static "ldt/js/" %}';
IriSP.libFiles.locations.jwPlayerSWF = '{% static "ldt/swf/player.swf" %}';
IriSP.libFiles.locations.recordMicSwf = '{% static "ldt/swf/record_mic.swf" %}';
IriSP.libFiles.locations.zeroClipboardSwf = '{% static "ldt/swf/ZeroClipboard10.swf" %}';
IriSP.libFiles.locations.cssjQueryUI = '{% static "ldt/css/jq-css/themes/base/jquery-ui.css" %}';
IriSP.language = '{{LANGUAGE_CODE}}';

IriSP.widgetsDir = '{% static "ldt/metadataplayer" %}';
var _metadata = {
    url: metadatas[metadata_key].url,
    format: 'ldt'
};
var _config = {
    width: '{{ player_width }}',
    container: '{{ player_id }}_embed',
    css: '{% static "ldt/metadataplayer/LdtPlayer-core.css" %}',
    default_options: {
        metadata: _metadata
    },
    widgets: [
        {
            type: "AutoPlayer",
            default_type: 'AdaptivePlayer',
    {% if external_url %}
            video: "{{ external_url }}",
    {% endif %}
            height: {% if player_height %}{{ player_height }}{% else %}300{% endif %},
            autostart: true,
            url_transform: function(url) {
                // Adaptation to jwplayer 6
                if(url.substr(url.length - 4).toLowerCase()=='.flv'){
                    return url.replace('/ddc_player/video/','/ddc_player/flv:video/');
                }
                return url.replace('/ddc_player/video/','/ddc_player/mp4:video/');
            }
        },
        {
            type: "Polemic"
    {% if polemic == 'all' %}
            ,annotation_type: false
    {% endif %}
        },
    {% if polemic != 'all' %}
        {
            type: "Sparkline"
        },
    {% endif %}
        {
            type: "Slider"
        },{
            type: "AnnotationsList",
            container: "AnnotationsList_ext",
            ajax_url: "{% absurl 'segment_api_empty' resource_name='segments' api_name='1.0' %}{% templatetag openvariable %}media{% templatetag closevariable %}/{% templatetag openvariable %}begin{% templatetag closevariable %}/{% templatetag openvariable %}end{% templatetag closevariable %}",
            ajax_granularity : 300000,
            default_thumbnail : '{% static "ldt/css/imgs/video_sequence.png" %}',
            show_audio: true,
            audio_url_transform: function(url) {
                return url.replace("ddc_micro_record/","ddc_micro_record/flv:");
            }
        },{
            type: "Controller"
        },{
            type: "MultiSegments"
            {% if toggle_multisegments %},
            visible_by_default: false
            {% endif %}
        },{
            type: "Tweet",
            hide_timeout: 5000
        }{% if not toggle_multisegments %},{
            type: "CreateAnnotation",
            api_endpoint_template: "{% absurl 'api_dispatch_list' resource_name='annotations' api_name='1.0' %}",
            after_send_timeout: 8000,
            show_mic_record: {% if show_mic_record %}true{% else %}false{% endif %},
            close_after_send: false,
            slice_annotation_type: ["chap","découpage"],
            creator_name: '{{request.user.username}}',
            creator_avatar: '{% thumbnail request.user.image "48x48" format="PNG" crop="center" as im %}{{ im.url }}{% endthumbnail %}' || "https://si0.twimg.com/sticky/default_profile_images/default_profile_1_normal.png"
        }{% endif %},{
            type: "Slideshare",
            container: "Slideshare_ext",
            embed_width: 400,
            embed_height: 334,
            annotation_type: "slide"
        },{
            type: "Mediafragment"
        },{
            type: "Social",
            container: "Social_ext",
            url: document.location.href.replace(/#.*$/,""),
            text: document.title
        }
        {% if toggle_multisegments %},{
            type: "Tagcloud",
            container: "TagcloudContainer",
            include_titles: false,
            include_descriptions: false,
            min_count: 0,
            tag_count: 100,
            remove_zero_duration: {% if remove_zero_duration %}true{% else %}false{% endif %}
        }
        {% endif %}
    ]
};

_myPlayer = new IriSP.Metadataplayer(_config);
</script>
</div>
{% endspaceless %}