如何将guvcview的Gtk与SDL界面合并到同一窗口？

核心思路是让SDL渲染到Gtk容器内的子控件，而非创建独立窗口，这样就能把视频流作为Gtk界面的一部分，和按钮、标签等控件共存。以下是具体实现步骤：

1. 用GtkDrawingArea作为SDL的渲染容器 #

不要让SDL单独创建窗口，而是把Gtk的GtkDrawingArea作为SDL的渲染目标：

• 创建主Gtk窗口后，添加一个GtkDrawingArea（用于显示视频流）和其他Gtk控件（比如按钮）到布局容器（如GtkBox）。
• 获取GtkDrawingArea的原生窗口句柄（不同平台方式不同）：
  • Linux下用gdk_x11_window_get_xid()获取X11窗口ID；
  • Windows下用gdk_win32_window_get_hwnd()获取HWND；
• 用SDL_CreateWindowFrom()替代SDL_CreateWindow()，把SDL绑定到这个原生句柄上：

  // 假设drawing_area是GtkDrawingArea实例
  GdkWindow *gdk_win = gtk_widget_get_window(GTK_WIDGET(drawing_area));
  Uint32 window_id = gdk_x11_window_get_xid(gdk_win);
  SDL_Window *sdl_win = SDL_CreateWindowFrom((void *)window_id);
  

2. 整合事件循环 #

不能让Gtk和SDL各自跑独立的事件循环，要把SDL事件处理整合到Gtk主循环：

• 创建一个GSource，把SDL的事件检查逻辑加入Gtk的主上下文：

  static gboolean sdl_event_source_prepare(GSource *source, gint *timeout) {
      *timeout = 0;
      return SDL_PollEvent(NULL) != 0;
  }
  
  static gboolean sdl_event_source_dispatch(GSource *source, GSourceFunc callback, gpointer user_data) {
      SDL_Event event;
      while (SDL_PollEvent(&event)) {
          // 处理SDL事件（如视频帧更新、窗口大小变化）
          if (event.type == SDL_WINDOWEVENT && event.window.event == SDL_WINDOWEVENT_RESIZED) {
              // 调整SDL渲染器大小
              SDL_Renderer *renderer = user_data;
              SDL_RenderSetLogicalSize(renderer, event.window.data1, event.window.data2);
          }
      }
      return G_SOURCE_CONTINUE;
  }
  
  // 注册SDL事件源到Gtk主循环
  GSourceFuncs sdl_source_funcs = {
      sdl_event_source_prepare,
      NULL,
      sdl_event_source_dispatch,
      NULL
  };
  GSource *sdl_source = g_source_new(&sdl_source_funcs, sizeof(GSource));
  g_source_attach(sdl_source, g_main_context_default());
  

3. 同步视频渲染与Gtk重绘 #

在GtkDrawingArea的draw回调里触发SDL的渲染操作，确保视频帧和Gtk控件同步更新：

static gboolean on_drawing_area_draw(GtkWidget *widget, cairo_t *cr, gpointer user_data) {
    SDL_Renderer *renderer = user_data;
    // 渲染SDL帧
    SDL_RenderPresent(renderer);
    return FALSE;
}

// 绑定回调
g_signal_connect(drawing_area, "draw", G_CALLBACK(on_drawing_area_draw), renderer);

4. 关键注意事项 #

• 线程安全：视频采集（guvcview的流获取）要放到单独线程，不要阻塞Gtk主UI线程，采集到帧后通过g_idle_add()通知UI线程更新SDL渲染。
• 窗口大小同步：当Gtk窗口或DrawingArea大小变化时，要同步调整SDL渲染器的尺寸，避免视频拉伸或显示不全。
• 资源释放顺序：先销毁SDL的渲染器、窗口，再销毁Gtk控件和窗口，防止内存泄漏。

内容的提问来源于stack exchange，提问作者Zlatan