Recherche avancée

Médias (1)

Mot : - Tags -/ogg

Autres articles (36)

  • Des sites réalisés avec MediaSPIP

    2 mai 2011, par

    Cette page présente quelques-uns des sites fonctionnant sous MediaSPIP.
    Vous pouvez bien entendu ajouter le votre grâce au formulaire en bas de page.

  • Support audio et vidéo HTML5

    10 avril 2011

    MediaSPIP utilise les balises HTML5 video et audio pour la lecture de documents multimedia en profitant des dernières innovations du W3C supportées par les navigateurs modernes.
    Pour les navigateurs plus anciens, le lecteur flash Flowplayer est utilisé.
    Le lecteur HTML5 utilisé a été spécifiquement créé pour MediaSPIP : il est complètement modifiable graphiquement pour correspondre à un thème choisi.
    Ces technologies permettent de distribuer vidéo et son à la fois sur des ordinateurs conventionnels (...)

  • HTML5 audio and video support

    13 avril 2011, par

    MediaSPIP uses HTML5 video and audio tags to play multimedia files, taking advantage of the latest W3C innovations supported by modern browsers.
    The MediaSPIP player used has been created specifically for MediaSPIP and can be easily adapted to fit in with a specific theme.
    For older browsers the Flowplayer flash fallback is used.
    MediaSPIP allows for media playback on major mobile platforms with the above (...)

Sur d’autres sites (4001)

  • Anomalie #4598 (Fermé) : PHP 8 : Resource vs GdImage object problem.

    4 novembre 2020

    GD ne retourne plus une "resource", mais une instance de GdImage.

    Ça fait planter une partie des filtres images dans SPIP.
    Notamment s’il y a des tests avec is_resource()

    Exemple :

    Warning : Trying to access array offset on value of type bool in [...]ecrire/inc/filtres_images_lib_mini.php on line 1607 à 1610
    

    Qui provient de grosso modo :
    [(#CHEMINun_fichier.png|image_applatirico)]

    Docs

    - https://php.watch/versions/8.0/gdimage
    - La correction chez WP : https://core.trac.wordpress.org/ticket/50833

    Avec la solution proposée :

    Note that in PHP 7.2 and older, instanceOf operator requires an object. If you need to make your code function across PHP versions older than 7.3 through PHP 8.0, you will need an additional is_object() check :

    - if (is_resource($image))
    + if (is_resource($image) || (is_object($image) && $image instanceOf \GdImage))

  • Evolution #4573 (Nouveau) : Enlever Jquery UI du Core

    13 octobre 2020

    Jquery UI (https://jqueryui.com/) n’a plus d’activité maintenue (en tout cas aucune release depuis 4 ans maintenant).

    Il serait opportun de supprimer jQuery_UI du core, et de le remplacer par des librairies spécifiques pour les besoins identifiés.

    Tout d’abord l’usage dans le Core.

    Je crois que l’on utilise :

    le dateur

    À remplacer par https://duetds.github.io/date-picker/ ?
    Voir également la discussion sur Saisies : https://git.spip.net/spip-contrib-extensions/saisies/issues/43

    le sortable

    À remplacer par https://sortablejs.github.io/sortablejs/ ?

    D’autres plugins s’appuient sur d’autres éléments le jQuery-UI :

    - Accordéons et Tabs (Fabrique)
    - Une extension picker multidate (Agenda)
    - ...

    Dans un premier temps, il « suffit » qu’ils mettent le plugin jQueryUi actuel en dépendance...
    Dans un second temps... trouver des alternatives adaptées... et faire en sorte qu’elles soient partageables entre différents plugins si besoin.

    Sur le partageables

    Il pourrait y avoir un plugin du core regroupant des librairies js utilisées régulièrement, comme le faisait le plugin jquery-ui, mais avec différentes librairies plus indépendantes.
    Pourquoi pas. Plutôt que de faire N petits plugins JS.

  • Anomalie #4569 (Nouveau) : Accessibilité, boutons et javascript

    5 octobre 2020

    Il y a 2 types de boutons qui ne répondent peut-être pas aux critères d’accessibilité, à vérifier.

    Bouton « Détails » dans le modèle document_desc

    Ce bouton sert à afficher ou masquer les détails complets d’un document.
    Actuellement c’est juste un lien <a></a> sans href et du javascript inline :

    <span class="CodeRay"><span class="tag">span> <span class="attribute-name">class</span>=<span class="string"><span class="delimiter">"</span><span class="content">lien_details bouton link</span><span class="delimiter">"</span></span>
       <span class="attribute-name">onClick</span>=<span class="string"><span class="delimiter">"</span><span class="predefined">$</span>(<span class="local-variable">this</span>).parent().next(<span class="string"><span class="delimiter">'</span><span class="content">.detaillees</span><span class="delimiter">'</span></span>).toggle(); <span class="keyword">return</span> <span class="predefined-constant">true</span>;<span class="delimiter">"</span></span>
       <span class="attribute-name">title</span>=<span class="string"><span class="delimiter">"</span><span class="content">&lt;:medias:details_document_afficher_masquer|attribut_html:</span></span><span class="error">></span>"<span class="error">></span><span class="tag">&lt;:medias:details_document:></span><span class="tag"></span>
    </span></span>

    Boutons pour changer le mode d’affichage

    Il s’agit des 3 boutons ajoutés en javascript qui permettent de changer le mode d’affichage de la liste des documents liés.
    Ils sont générés en javascript dans gestion_listes_documents.js.
    Là il s’agit d’un simple <span></span>. Un clic dessus toggle des classes sur une cible.

    <span class="CodeRay">
    <span class="tag">span> <span class="attribute-name">class</span>=<span class="string"><span class="delimiter">"</span><span class="content">affichages</span><span class="delimiter">"</span></span><span class="tag">></span>
     <span class="tag">span> <span class="attribute-name">class</span>=<span class="string"><span class="delimiter">"</span><span class="content">icone grand on</span><span class="delimiter">"</span></span> <span class="attribute-name">title</span>=<span class="string"><span class="delimiter">"</span><span class="content">Affichage en grand</span><span class="delimiter">"</span></span><span class="tag">></span><span class="tag"></span></span>
     <span class="tag">span> <span class="attribute-name">class</span>=<span class="string"><span class="delimiter">"</span><span class="content">icone cases</span><span class="delimiter">"</span></span> <span class="attribute-name">title</span>=<span class="string"><span class="delimiter">"</span><span class="content">Affichage en cases</span><span class="delimiter">"</span></span><span class="tag">></span><span class="tag"></span></span>
     <span class="tag">span> <span class="attribute-name">class</span>=<span class="string"><span class="delimiter">"</span><span class="content">icone liste</span><span class="delimiter">"</span></span> <span class="attribute-name">title</span>=<span class="string"><span class="delimiter">"</span><span class="content">Affichage en liste compacte</span><span class="delimiter">"</span></span><span class="tag">></span><span class="tag"></span></span>
    <span class="tag"></span>
    </span></span>