Recherche avancée

Médias (2)

Mot : - Tags -/plugins

Autres articles (62)

  • Les vidéos

    21 avril 2011, par

    Comme les documents de type "audio", Mediaspip affiche dans la mesure du possible les vidéos grâce à la balise html5 .
    Un des inconvénients de cette balise est qu’elle n’est pas reconnue correctement par certains navigateurs (Internet Explorer pour ne pas le nommer) et que chaque navigateur ne gère en natif que certains formats de vidéos.
    Son avantage principal quant à lui est de bénéficier de la prise en charge native de vidéos dans les navigateur et donc de se passer de l’utilisation de Flash et (...)

  • Installation en mode ferme

    4 février 2011, par

    Le mode ferme permet d’héberger plusieurs sites de type MediaSPIP en n’installant qu’une seule fois son noyau fonctionnel.
    C’est la méthode que nous utilisons sur cette même plateforme.
    L’utilisation en mode ferme nécessite de connaïtre un peu le mécanisme de SPIP contrairement à la version standalone qui ne nécessite pas réellement de connaissances spécifique puisque l’espace privé habituel de SPIP n’est plus utilisé.
    Dans un premier temps, vous devez avoir installé les mêmes fichiers que l’installation (...)

  • Websites made ​​with MediaSPIP

    2 mai 2011, par

    This page lists some websites based on MediaSPIP.

Sur d’autres sites (6703)

  • Is It possible to read and define HLS stream key by a vriable instead of stream.key file ?

    27 août 2024, par Saeed Eisakhani

    I encrypted an MP4 video file FFMPEG. That gave me a playlist manifest file (namely stream.m3u8), a key file (namely stream.m3u8.key) and some .ts files. I used code below to play stream.m3u8 file and it worked

    


    &#xA;    &#xA;    <code class="echappe-js">&lt;script src=&quot;https://vjs.zencdn.net/7.4.1/video.min.js&quot;&gt;&lt;/script&gt;&#xA;&#xA;&#xA;    &#xA;    &lt;script&gt;&amp;#xA;        var player = videojs(&amp;#x27;example-video&amp;#x27;);&amp;#xA;    &lt;/script&gt;&#xA;&#xA;

    &#xA;

    After I tried to use input and select file attributes and I tried code below

    &#xA;

    &#xA;    &#xA;        &#xA;        <code class="echappe-js">&lt;script src=&quot;https://vjs.zencdn.net/7.4.1/video.min.js&quot;&gt;&lt;/script&gt;&#xA;    &#xA;&#xA;    &#xA;        &#xA;        &#xA;        

    &#xA;        &#xA;    &#xA;    &#xA;    &lt;script&gt;&amp;#xA;        document.getElementById(&quot;input&quot;).addEventListener(&quot;change&quot;, function() {&amp;#xA;          var media = URL.createObjectURL(this.files[0]);&amp;#xA;          &amp;#xA;          var vid = document.getElementById(&quot;vid&quot;);&amp;#xA;          vid.src = media;&amp;#xA;          &amp;#xA;          var video = document.getElementById(&quot;video&quot;);&amp;#xA;          video.style.display = &quot;block&quot;;&amp;#xA;          video.play();&amp;#xA;          &amp;#xA;          document.getElementById(&quot;demo&quot;).innerHTML = vid.src;&amp;#xA;          &amp;#xA;          var player = videojs(&amp;#x27;video&amp;#x27;);&amp;#xA;          //player.play();&amp;#xA;        });&amp;#xA;    &lt;/script&gt;&#xA;&#xA;&#xA;

    &#xA;

    The code above can read stream.m3u8 playlist file but can not read "key file" because the location of key file is define in stream.m3u8 itself.&#xA;enter image description here

    &#xA;

    When I browse the stream.m3u8 file and try to play, the play window shows the duration (by seconds) but tries and tries and tries to play but can not play. This shows that it can not recall key file.&#xA;enter image description here

    &#xA;

    I believe that if I define key file location out of manifest file, for example inside JavaScript code this problem will be solved.&#xA;HOW CAN I DEFINE KEY FILE LOCATION OUT OF PLAYLIST FILE ?

    &#xA;

  • How to use ffmpeg and javascript for user to add input box inside of a video

    23 janvier 2016, par Donalda Donalda

    I work on my website and the problem i faces is that i cant find a working way to get the chance for a user to drag an input box and set it into video specifying duration for the item.

    so i have a video and a textbox and my problem is when i grag the box i want it to stck to the video and stay there.

    Code is here :

        
    
    
    
    
    
    <code class="echappe-js">&lt;script&gt;<br />
    
        function allowDrop(ev) {<br />
    
            ev.preventDefault();<br />
    
        }<br />
    
<br />
    
        function drag(ev) {<br />
    
            ev.dataTransfer.setData(&quot;text&quot;, ev.target.id);<br />
    
        }<br />
    
<br />
    
        function drop(ev) {<br />
    
            ev.preventDefault();<br />
    
            var data = ev.dataTransfer.getData(&quot;text&quot;);<br />
    
            ev.target.appendChild(document.getElementById(data));<br />
    
        }<br />
    
    &lt;/script&gt;

  • Evolution #3865 (En cours) : URL ressources + compression CSS -> Cross-Origin Request Blocked

    24 novembre 2016, par denis -

    En ajoutant une URL ressouces, l’affichage des police ne fonctionne plus. Firebug me dit "Cross-Origin Request Blocked : The Same Origin Policy disallows reading the remote resource at http://medias.nova-cinema.org/squelettes/css/font-osp-din/osp-din-webfont.woff. (Reason : CORS header ’Access-Control-Allow-Origin’ missing)."

    Le problème se règle en rajoutant Header set Access-Control-Allow-Origin "*" dans le .htaccess comme indiqué ici http://connect.adfab.fr/developpement-front/utiliser-tous-les-verbes-http-avec-cors

Navigation