【问题标题】:Filter on playing video on GLSurfaceView at runtime在运行时过滤在 GLSurfaceView 上播放视频
【发布时间】:2016-06-13 10:30:30
【问题描述】:

我用过 https://github.com/krazykira/VidEffects

在播放视频时应用过滤器。 但我想在运行时单击按钮更改过滤器,而不会在播放视频时出现任何故障。

根据 Applying Effects on Video being Played

我应该使用

mVideoView.init(mMediaPlayer,new filter)

每当我想改变过滤器。但播放视频没有效果

谁能帮帮我...我没有使用 GLSurfaceView 的经验。

这是我的java类

public class MainActivity extends Activity {

private static final String TAG = "MediaPlayerSurfaceStubActivity";

protected Resources mResources;
ShaderInterface d = null;
private  VideoSurfaceView mVideoView = null;
private MediaPlayer mMediaPlayer = null;
private Button button;
LinearLayout linear;


@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);


    mVideoView = (VideoSurfaceView) findViewById(R.id.mVideoSurfaceView);
    linear = (LinearLayout) findViewById(R.id.linear);
    button = (Button) findViewById(R.id.effects);


//HERE , on click of following button I want the effect to be applied at runtime.


    button.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            System.gc();

            mVideoView.init(mMediaPlayer, new VignetteEffect(2));

        }
    });
    mResources = getResources();
    mMediaPlayer = new MediaPlayer();

    try {

        AssetFileDescriptor afd = getAssets().openFd("sample.mp4");
        mMediaPlayer.setDataSource(afd.getFileDescriptor(),
                afd.getStartOffset(), afd.getLength());
    } catch (Exception e) {
        e.printStackTrace();
    }

    mVideoView.init(mMediaPlayer,
            new SepiaEffect());

}


@Override
protected void onResume() {
    super.onResume();
    mVideoView.onResume();
}
}

我的 xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:id="@+id/linear"
tools:context="videoeditor.xcs.com.videoeffect.MainActivity">

<com.sherazkhilji.videffect.view.VideoSurfaceView
    android:id="@+id/mVideoSurfaceView"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1"/>
<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="effects"
    android:id="@+id/effects"/>

</LinearLayout>

在这个棕褐色效果已经设置,但我想将其更改为按钮单击时的晕影

【问题讨论】:

    标签: android video video-processing glsurfaceview


    【解决方案1】:

    只需在onDrawFrame() 中添加这一行,你就会得到想要的结果

            mProgram = createProgram(mVertexShader,
                    effect.getShader(mSurfaceView));
    

    您的onDrawFrame() 应该如下所示:

     @Override
        public void onDrawFrame(GL10 glUnused) {
            synchronized (this) {
                if (updateSurface) {
                    mSurface.updateTexImage();
                    mSurface.getTransformMatrix(mSTMatrix);
                    updateSurface = false;
                }
            }
    
            mProgram = createProgram(mVertexShader,
                    effect.getShader(mSurfaceView));
            GLES20.glClearColor(0.0f, 1.0f, 0.0f, 1.0f);
            GLES20.glClear(GLES20.GL_DEPTH_BUFFER_BIT
                    | GLES20.GL_COLOR_BUFFER_BIT);
    
            GLES20.glUseProgram(mProgram);
            checkGlError("glUseProgram");
    
            GLES20.glActiveTexture(GLES20.GL_TEXTURE0);
            GLES20.glBindTexture(GL_TEXTURE_EXTERNAL_OES, mTextureID[0]);
    
            mTriangleVertices.position(TRIANGLE_VERTICES_DATA_POS_OFFSET);
            GLES20.glVertexAttribPointer(maPositionHandle, 3, GLES20.GL_FLOAT,
                    false, TRIANGLE_VERTICES_DATA_STRIDE_BYTES,
                    mTriangleVertices);
            checkGlError("glVertexAttribPointer maPosition");
            GLES20.glEnableVertexAttribArray(maPositionHandle);
            checkGlError("glEnableVertexAttribArray maPositionHandle");
    
            mTriangleVertices.position(TRIANGLE_VERTICES_DATA_UV_OFFSET);
            GLES20.glVertexAttribPointer(maTextureHandle, 3, GLES20.GL_FLOAT,
                    false, TRIANGLE_VERTICES_DATA_STRIDE_BYTES,
                    mTriangleVertices);
            checkGlError("glVertexAttribPointer maTextureHandle");
            GLES20.glEnableVertexAttribArray(maTextureHandle);
            checkGlError("glEnableVertexAttribArray maTextureHandle");
    
            Matrix.setIdentityM(mMVPMatrix, 0);
            GLES20.glUniformMatrix4fv(muMVPMatrixHandle, 1, false, mMVPMatrix,
                    0);
            GLES20.glUniformMatrix4fv(muSTMatrixHandle, 1, false, mSTMatrix, 0);
    
            GLES20.glDrawArrays(GLES20.GL_TRIANGLE_STRIP, 0, 4);
            checkGlError("glDrawArrays");
            GLES20.glFinish();
    
        }
    

    【讨论】:

    • 成功了!!!谢谢 .. 你能解释一下这些代码行是做什么的吗?
    • 我很高兴。请看看这个链接。希望它会帮助你。 opengl.org/wiki/Shader_Compilation
    • 是否可以将此效果应用于相机预览?怎么样?
    • 是的,有可能。使用 glsurfaceview 捕获图像或视频,并按照演示在运行时应用效果。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2012-07-11
    • 2012-02-18
    • 2017-10-20
    • 2019-12-10
    • 1970-01-01
    • 1970-01-01
    • 2013-03-28
    相关资源
    最近更新 更多