Recherche avancée

Médias (91)

Autres articles (86)

  • Websites made ​​with MediaSPIP

    2 mai 2011, par

    This page lists some websites based on MediaSPIP.

  • Creating farms of unique websites

    13 avril 2011, par

    MediaSPIP platforms can be installed as a farm, with a single "core" hosted on a dedicated server and used by multiple websites.
    This allows (among other things) : implementation costs to be shared between several different projects / individuals rapid deployment of multiple unique sites creation of groups of like-minded sites, making it possible to browse media in a more controlled and selective environment than the major "open" (...)

  • Organiser par catégorie

    17 mai 2013, par

    Dans MédiaSPIP, une rubrique a 2 noms : catégorie et rubrique.
    Les différents documents stockés dans MédiaSPIP peuvent être rangés dans différentes catégories. On peut créer une catégorie en cliquant sur "publier une catégorie" dans le menu publier en haut à droite ( après authentification ). Une catégorie peut être rangée dans une autre catégorie aussi ce qui fait qu’on peut construire une arborescence de catégories.
    Lors de la publication prochaine d’un document, la nouvelle catégorie créée sera proposée (...)

Sur d’autres sites (9460)

  • Render YUV video in OpenGL of ffmpeg using CVPixelBufferRef and Shaders

    4 septembre 2012, par resident_

    I'm using to render YUV frames of ffmpeg with the iOS 5.0 method "CVOpenGLESTextureCacheCreateTextureFromImage".

    I'm using like the apple example GLCameraRipple

    My result in iPhone screen is this : iPhone Screen

    I need to know I'm doing wrong.

    I put part of my code to find errors.

    ffmpeg configure frames :

    ctx->p_sws_ctx = sws_getContext(ctx->p_video_ctx->width, 
    
                                ctx->p_video_ctx->height, 
    
                                ctx->p_video_ctx->pix_fmt, 
    
                                ctx->p_video_ctx->width, 
    
                                ctx->p_video_ctx->height,
    
                                PIX_FMT_YUV420P, SWS_FAST_BILINEAR, NULL, NULL, NULL);
    

    

    
// Framebuffer for RGB data
    
ctx->p_frame_buffer = malloc(avpicture_get_size(PIX_FMT_YUV420P,
    
                                                ctx->p_video_ctx->width, 
    
                                                ctx->p_video_ctx->height));
    

    
avpicture_fill((AVPicture*)ctx->p_picture_rgb, ctx->p_frame_buffer,PIX_FMT_YUV420P, 
    
               ctx->p_video_ctx->width, 
    
               ctx->p_video_ctx->height);

    My render method :

    if (NULL == videoTextureCache) {
    
    NSLog(@"displayPixelBuffer error");
    
    return;
    
}    
    

    

    
CVPixelBufferRef pixelBuffer;    
    
   CVPixelBufferCreateWithBytes(kCFAllocatorDefault, mTexW, mTexH, kCVPixelFormatType_420YpCbCr8BiPlanarVideoRange, buffer, mFrameW * 3, NULL, 0, NULL, &pixelBuffer);
    

    

    

    
CVReturn err;    
    
// Y-plane
    
glActiveTexture(GL_TEXTURE0);
    
err = CVOpenGLESTextureCacheCreateTextureFromImage(kCFAllocatorDefault, 
    
                                                   videoTextureCache,
    
                                                   pixelBuffer,
    
                                                   NULL,
    
                                                   GL_TEXTURE_2D,
    
                                                   GL_RED_EXT,
    
                                                   mTexW,
    
                                                   mTexH,
    
                                                   GL_RED_EXT,
    
                                                   GL_UNSIGNED_BYTE,
    
                                                   0,
    
                                                   &_lumaTexture);
    
if (err) 
    
{
    
    NSLog(@"Error at CVOpenGLESTextureCacheCreateTextureFromImage %d", err);
    
}   
    

    
glBindTexture(CVOpenGLESTextureGetTarget(_lumaTexture), CVOpenGLESTextureGetName(_lumaTexture));
    
glTexParameterf(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_CLAMP_TO_EDGE);
    
glTexParameterf(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_CLAMP_TO_EDGE);     
    

    
// UV-plane
    
glActiveTexture(GL_TEXTURE1);
    
err = CVOpenGLESTextureCacheCreateTextureFromImage(kCFAllocatorDefault, 
    
                                                   videoTextureCache,
    
                                                   pixelBuffer,
    
                                                   NULL,
    
                                                   GL_TEXTURE_2D,
    
                                                   GL_RG_EXT,
    
                                                   mTexW/2,
    
                                                   mTexH/2,
    
                                                   GL_RG_EXT,
    
                                                   GL_UNSIGNED_BYTE,
    
                                                   1,
    
                                                   &_chromaTexture);
    
if (err) 
    
{
    
    NSLog(@"Error at CVOpenGLESTextureCacheCreateTextureFromImage %d", err);
    
}
    

    
glBindTexture(CVOpenGLESTextureGetTarget(_chromaTexture), CVOpenGLESTextureGetName(_chromaTexture));
    
glTexParameterf(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_CLAMP_TO_EDGE);
    
glTexParameterf(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_CLAMP_TO_EDGE);     
    

    
glBindFramebuffer(GL_FRAMEBUFFER, defaultFramebuffer);
    

    
// Set the view port to the entire view
    
glViewport(0, 0, backingWidth, backingHeight);
    

    
static const GLfloat squareVertices[] = {
    
    1.0f, 1.0f,
    
    -1.0f, 1.0f,
    
    1.0f,  -1.0f,
    
    -1.0f,  -1.0f,
    
};
    

    
GLfloat textureVertices[] = {
    
    1, 1,
    
    1, 0,
    
    0, 1,
    
    0, 0,
    
};
    

    
// Draw the texture on the screen with OpenGL ES 2
    
[self renderWithSquareVertices:squareVertices textureVertices:textureVertices];
    

    

    
// Flush the CVOpenGLESTexture cache and release the texture
    
CVOpenGLESTextureCacheFlush(videoTextureCache, 0);    
    
CVPixelBufferRelease(pixelBuffer);     
    

    
 [moviePlayerDelegate bufferDone];

    RenderWithSquareVertices method

        - (void)renderWithSquareVertices:(const GLfloat*)squareVertices textureVertices:(const GLfloat*)textureVertices
    
{
    

    

    
  // Use shader program.
    
    glUseProgram(shader.program);
    

    
// Update attribute values.
    
glVertexAttribPointer(ATTRIB_VERTEX, 2, GL_FLOAT, 0, 0, squareVertices);
    
glEnableVertexAttribArray(ATTRIB_VERTEX);
    
glVertexAttribPointer(ATTRIB_TEXTUREPOSITON, 2, GL_FLOAT, 0, 0, textureVertices);
    
glEnableVertexAttribArray(ATTRIB_TEXTUREPOSITON);
    

    
glDrawArrays(GL_TRIANGLE_STRIP, 0, 4);
    

    
// Present
    
glBindRenderbuffer(GL_RENDERBUFFER, colorRenderbuffer);
    
[context presentRenderbuffer:GL_RENDERBUFFER];

    }

    My fragment shader :

    uniform sampler2D SamplerY;
    
uniform sampler2D SamplerUV;
    

    

    
varying highp vec2 _texcoord;
    

    
void main()
    
{
    

    
mediump vec3 yuv;
    
lowp vec3 rgb;
    

    
yuv.x = texture2D(SamplerY, _texcoord).r;
    
yuv.yz = texture2D(SamplerUV, _texcoord).rg - vec2(0.5, 0.5);
    

    
// BT.601, which is the standard for SDTV is provided as a reference
    

    
/* rgb = mat3(    1,       1,     1,
    
 0, -.34413, 1.772,
    
 1.402, -.71414,     0) * yuv;*/
    

    

    
// Using BT.709 which is the standard for HDTV
    
rgb = mat3(      1,       1,      1,
    
           0, -.18732, 1.8556,
    
           1.57481, -.46813,      0) * yuv;
    

    
   gl_FragColor = vec4(rgb, 1);
    

    
}

    Very thanks,

  • Why mp4 can not shared on Facebook or Instagram on Android ?

    8 janvier 2023, par János

    This is the file : https://t44-post-cover.s3.eu-central-1.amazonaws.com/2e3s.mp4

    


    When I download and try share, it fails. Why ? This is the parameters was rendered. Downloading and sharing works from iPhone to Facebook on Messenger or Instagram, but not from Android phone to Facebook on Messenger or Instagram.

    


    What parameters ffpmpeg need to be able to share mp4 from Android to Facebook / Instagram ?

    


    await new Promise<void>((resolve, reject) => {&#xA;        ffmpeg()&#xA;            .setFfmpegPath(pathToFfmpeg)&#xA;            .input(`/tmp/input_${imgId}.gif`)&#xA;            .inputFormat(&#x27;gif&#x27;)&#xA;            .inputFPS(30)&#xA;            .input(&#x27;anullsrc&#x27;)&#xA;            .inputFormat(&#x27;lavfi&#x27;)&#xA;            .audioCodec(&#x27;aac&#x27;)&#xA;            .audioChannels(2)&#xA;            .audioFilters([&#x27;apad&#x27;])&#xA;            .videoCodec(&#x27;libx264&#x27;)&#xA;            .videoBitrate(1000)&#xA;            .videoFilters([&#xA;                &#x27;tpad=stop_mode=clone:stop_duration=2&#x27;,&#xA;                &#x27;scale=trunc(iw/2)*2:trunc(ih/2)*2:flags=lanczos,split[s0][s1];[s0]palettegen[p];[s1][p]paletteuse&#x27;,&#xA;            ])&#xA;            .fps(30)&#xA;            .duration(5)&#xA;            .format(&#x27;mp4&#x27;)&#xA;            .outputOptions([&#xA;                &#x27;-pix_fmt yuvj420p&#x27;,&#xA;                &#x27;-profile:v baseline&#x27;,&#xA;                &#x27;-level 3.0&#x27;,&#xA;                &#x27;-crf 17&#x27;,&#xA;                &#x27;-movflags &#x2B;faststart&#x27;,&#xA;                &#x27;-movflags frag_keyframe&#x2B;empty_moov&#x27;,&#xA;            ])&#xA;            .output(`/tmp/output_${imgId}.mp4`)&#xA;            .on(&#x27;end&#x27;, () => {&#xA;                console.log(&#x27;MP4 video generated&#x27;)&#xA;                resolve()&#xA;            })&#xA;            .on(&#x27;error&#x27;, (e) => {&#xA;                console.log(e)&#xA;                reject()&#xA;            })&#xA;            .run()&#xA;    })&#xA;</void>

    &#xA;

  • Evolution #3692 : Suivre les évolution de MediaJS

    9 avril 2017, par Franck D

    Hello
    Bon alors avec après pas mal de tests, en me servant des fichiers audios et vidéos qu’il y a ici : https://github.com/mediaelement/mediaelement-files
    Je ne sais pas s’il est vraiment utile, mais il semble qu’il manque encore un fichier qui était dans la lib https://github.com/mediaelement/mediaelement/tree/master/build (jquery.js)
    Dans le modèles vidéo (je crois qu’il y a que lui) il y a des références à des fichiers qui ne sont plus dans la dernière version de la lib (flashmediaelement.swf et les skins)
    https://zone.spip.org/trac/spip-zone/browser/_core_/plugins/medias/modeles/video.html

    J’ai pas fait l’essai de l’utilisation du fichier, mediaelement.srt car je sais pas trop comment faire.

    En php 5.6.30 chez ovh
    Tests fait en SPIP 3.2.0-alpha [23495]
    http://www.lien-d-amis.net/spip3/spip07/spip.php?article4

    Sous windows 10 (les images fonctionnent toujours) :
    - Firefox = ok (pas complètement concernant le flv )
    - Internet explorer 11 = il ne semble y avoir que les deux mp4, le mp3 et un peu le flv
    - Edge = pareil que IE11
    - Chrome 57 = pareil que Firefox
    - Opera 44 = pareil que Firefox (même si le dernier webm semble avoir été long avant de partir)

    Sous Iphone 6 avec iOS 10.3.1
    - Safari = Il n’y a que les mp4 et le mp3 qui fonctionnent (le mp3 semble long à partir)

    Pour les skins, je pense que le mieux, c’est sans doute de faire disparaitre les lignes puisqu’il ne sont plus dans la lib, sachant que celui qui en voudra pourra toujours les faire via des thèmes ?
    Car même du côté des plugins de la lib, il ne semble pas y en avoir : https://github.com/mediaelement/mediaelement-plugins
    Concernant les .flv, il y a deux tickets qui en parle et qui semble vouloir dire que c’est loin d’être simple :
    https://github.com/mediaelement/mediaelement/issues/2142
    https://github.com/mediaelement/mediaelement/issues/2143

    Sinon, juste pour info, en SPIP 3.1.4 [23496] donc avec la vielle lib
    http://www.lien-d-amis.net/spip3/spip06/spip.php?article5

    Sous windows 10 (les images fonctionnent toujours) :
    - Firefox = ok (sauf flv)
    - Internet explorer 11 = il ne semble y avoir que les deux mp4, et le mp3 de ok
    - Edge = Le flv fonctionne, même si avec plusieurs manips à la suite, il a planté par moment, il n’y a que les mp4 et mp3 qui fonctionnent
    - Chrome 57 = Tout fonctionne, sauf que le flv ou, il n’est pas possible de faire pause en appuyant au milieu de la vidéo en plein écran, il faut obligatoirement, se servir du bouton en bas à gauche
    - Opera 44 = Tout fonctionne sauf le flv

    Sous Iphone 6 avec iOS 10.3.1
    - Safari = Il n’y a que les mp4 et le mp3 qui fonctionnent (le mp3 semble long avant de partir)
    Franck

Navigation