Recherche avancée

Médias (2)

Mot : - Tags -/doc2img

Autres articles (32)

  • 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 (...)

  • De l’upload à la vidéo finale [version standalone]

    31 janvier 2010, par

    Le chemin d’un document audio ou vidéo dans SPIPMotion est divisé en trois étapes distinctes.
    Upload et récupération d’informations de la vidéo source
    Dans un premier temps, il est nécessaire de créer un article SPIP et de lui joindre le document vidéo "source".
    Au moment où ce document est joint à l’article, deux actions supplémentaires au comportement normal sont exécutées : La récupération des informations techniques des flux audio et video du fichier ; La génération d’une vignette : extraction d’une (...)

Sur d’autres sites (3367)

  • About image opacity

    23 octobre 2013, par Mikko Koppanen — Imagick

    There is a common misconception that Imagick::setImageOpacity() would work to reduce the opacity of the image. However, as the name says the method actually sets the opacity throughout the image and thus affects also transparent areas.

    To demonstrate let’s first look at this image of a red circle on a transparent background :

    Now, let’s apply setImageOpacity on the image :

    php

    < view plain text >

    1. < ?php
    2. $im = new Imagick (’red-circle.png’) ;
    3. $im->setImageOpacity (0.5) ;
    4. $im->writeImage (’red-circle-setopacity.png’) ;
    5.  ?>

    As we can see from the resulting image the transparent background is affected as well.

    In order to actually reduce the opacity of the opaque parts Imagick::evaluateImage can be used instead :

    php

    < view plain text >

    1. < ?php
    2. $im = new Imagick (’red-circle.png’) ;
    3.  
    4. /* Divide the alpha channel value by 2 */
    5. $im->evaluateImage(Imagick: :EVALUATE_DIVIDE, 2, Imagick: :CHANNEL_ALPHA) ;
    6. $im->writeImage (’red-circle-divide.png’) ;
    7.  ?>

    And here are the results :

    As the background is already fully transparent so the divide operation causes no changes to it.

    Similar example is available in the PHP manual http://php.net/imagick.evaluateimage and I added a note to setImageOpacity page as well (at the time of writing it has not synced to documentation mirrors yet).

  • HLS MP4 Independent Segments

    18 juillet 2017, par Mido

    Long story short : Why HLS can’t just play normal MP4 files together one after one ? Why need to segment media file into .ts segments ?

    Details :

    We’ve segmented MP4 file into mini MP4 segments (not TS), each one about 30 seconds for testing. It never plays in any HLS player, just loading all segment files then nothing happens.

    Example MP4 segment Info :

    Format                      : MPEG-4
    
Format profile              : Base Media
    
Codec ID                    : isom
    
File size                   : 1.44 MiB
    
Duration                    : 32s 950ms
    
Overall bit rate            : 366 Kbps
    
Writing application         : Lavf56.25.101
    

    
Video
    
ID                          : 1
    
Format                      : AVC
    
Format/Info                 : Advanced Video Codec
    
Format profile              : High@L4.1
    
Format settings, CABAC      : Yes
    
Format settings, ReFrames   : 6 frames
    
Codec ID                    : avc1
    
Codec ID/Info               : Advanced Video Coding
    
Duration                    : 32s 950ms
    
Bit rate                    : 230 Kbps
    
Width                       : 426 pixels
    
Height                      : 240 pixels
    
Display aspect ratio        : 16:9
    
Original display aspect rat : 16:9
    
Frame rate mode             : Constant
    
Frame rate                  : 23.976 fps
    
Color space                 : YUV
    
Chroma subsampling          : 4:2:0
    
Bit depth                   : 8 bits
    
Scan type                   : Progressive
    
Bits/(Pixel*Frame)          : 0.094
    
Stream size                 : 925 KiB (63%)
    
Writing library             : x264 core 142 r2495 6a301b6
    

    
Audio
    
ID                          : 2
    
Format                      : AAC
    
Format/Info                 : Advanced Audio Codec
    
Format profile              : LC
    
Codec ID                    : 40
    
Duration                    : 32s 896ms
    
Bit rate mode               : Constant
    
Bit rate                    : 129 Kbps
    
Channel(s)                  : 2 channels
    
Channel(s)_Original         : 6 channels
    
Channel positions           : Front: L C R, Side: L R, LFE
    
Sampling rate               : 48.0 KHz
    
Compression mode            : Lossy
    
Stream size                 : 517 KiB (35%)

    The Master M3U8 :

    #EXTM3U
    
#EXT-X-VERSION:7
    
#EXT-X-INDEPENDENT-SEGMENTS
    

    
#EXT-X-STREAM-INF:RESOLUTION=426x240,BANDWIDTH=370000,CODECS="avc1.640015,mp4a.40.2"
    
240p.m3u8
    

    
#EXT-X-STREAM-INF:RESOLUTION=640x360,BANDWIDTH=580000,CODECS="avc1.640015,mp4a.40.2"
    
360p.m3u8
    

    
#EXT-X-STREAM-INF:RESOLUTION=896x504,BANDWIDTH=900000,CODECS="avc1.640015,mp4a.40.2"
    
480p.m3u8
    

    
#EXT-X-STREAM-INF:RESOLUTION=1280x720,BANDWIDTH=1500000,CODECS="avc1.640015,mp4a.40.2"
    
720p.m3u8

    240p.m3u8

    #EXTM3U
    
#EXT-X-VERSION:7
    
#EXT-X-MEDIA-SEQUENCE:0
    
#EXT-X-PLAYLIST-TYPE:VOD
    
#EXT-X-TARGETDURATION:34
    

    
#EXTINF:33.033033,
    
240p000.mp4
    
#EXTINF:33.533534,
    
240p001.mp4
    
#EXTINF:24.941608,
    
240p002.mp4
    
#EXTINF:28.611945,
    
240p003.mp4
    
#EXT-X-ENDLIST

    When tested with HLS.js, gives this error :

    Parsing Error:no demux matching with content found,cannot recover,
    last media error recovery failed ...

    Bitmovin Player : loads all segments of all variants and never plays any of them. just stop.

    Tested on Chrome & Firefox On Windows, Safari on Mac, Android and iPad Browsers. Never works on any of them. Are we doing anything wrong ?!

  • HLS MP4 Independent Segments

    7 décembre 2016, par Mido

    Long story short : Why HLS can’t just play normal MP4 files together one after one ? Why need to segment media file into .ts segments ?

    Details :

    We’ve segmented MP4 file into mini MP4 segments (not TS), each one about 30 seconds for testing. It never plays in any HLS player, just loading all segment files then nothing happens.

    Example MP4 segment Info :

    Format                      : MPEG-4
    
Format profile              : Base Media
    
Codec ID                    : isom
    
File size                   : 1.44 MiB
    
Duration                    : 32s 950ms
    
Overall bit rate            : 366 Kbps
    
Writing application         : Lavf56.25.101
    

    
Video
    
ID                          : 1
    
Format                      : AVC
    
Format/Info                 : Advanced Video Codec
    
Format profile              : High@L4.1
    
Format settings, CABAC      : Yes
    
Format settings, ReFrames   : 6 frames
    
Codec ID                    : avc1
    
Codec ID/Info               : Advanced Video Coding
    
Duration                    : 32s 950ms
    
Bit rate                    : 230 Kbps
    
Width                       : 426 pixels
    
Height                      : 240 pixels
    
Display aspect ratio        : 16:9
    
Original display aspect rat : 16:9
    
Frame rate mode             : Constant
    
Frame rate                  : 23.976 fps
    
Color space                 : YUV
    
Chroma subsampling          : 4:2:0
    
Bit depth                   : 8 bits
    
Scan type                   : Progressive
    
Bits/(Pixel*Frame)          : 0.094
    
Stream size                 : 925 KiB (63%)
    
Writing library             : x264 core 142 r2495 6a301b6
    

    
Audio
    
ID                          : 2
    
Format                      : AAC
    
Format/Info                 : Advanced Audio Codec
    
Format profile              : LC
    
Codec ID                    : 40
    
Duration                    : 32s 896ms
    
Bit rate mode               : Constant
    
Bit rate                    : 129 Kbps
    
Channel(s)                  : 2 channels
    
Channel(s)_Original         : 6 channels
    
Channel positions           : Front: L C R, Side: L R, LFE
    
Sampling rate               : 48.0 KHz
    
Compression mode            : Lossy
    
Stream size                 : 517 KiB (35%)

    The Master M3U8 :

    #EXTM3U
    
#EXT-X-VERSION:7
    
#EXT-X-INDEPENDENT-SEGMENTS
    

    
#EXT-X-STREAM-INF:RESOLUTION=426x240,BANDWIDTH=370000,CODECS="avc1.640015,mp4a.40.2"
    
240p.m3u8
    

    
#EXT-X-STREAM-INF:RESOLUTION=640x360,BANDWIDTH=580000,CODECS="avc1.640015,mp4a.40.2"
    
360p.m3u8
    

    
#EXT-X-STREAM-INF:RESOLUTION=896x504,BANDWIDTH=900000,CODECS="avc1.640015,mp4a.40.2"
    
480p.m3u8
    

    
#EXT-X-STREAM-INF:RESOLUTION=1280x720,BANDWIDTH=1500000,CODECS="avc1.640015,mp4a.40.2"
    
720p.m3u8

    240p.m3u8

    #EXTM3U
    
#EXT-X-VERSION:7
    
#EXT-X-MEDIA-SEQUENCE:0
    
#EXT-X-PLAYLIST-TYPE:VOD
    
#EXT-X-TARGETDURATION:34
    

    
#EXTINF:33.033033,
    
240p000.mp4
    
#EXTINF:33.533534,
    
240p001.mp4
    
#EXTINF:24.941608,
    
240p002.mp4
    
#EXTINF:28.611945,
    
240p003.mp4
    
#EXT-X-ENDLIST

    When tested with HLS.js, gives this error :

    Parsing Error:no demux matching with content found,cannot recover,
    last media error recovery failed ...

    Bitmovin Player : loads all segments of all variants and never plays any of them. just stop.

    Tested on Chrome & Firefox On Windows, Safari on Mac, Android and iPad Browsers. Never works on any of them. Are we doing anything wrong ?!

Navigation