C語言基於GTK+Libvlc實現的簡易視頻播放器

時間 2019-11-06

標籤 c語言基於 gtk+libvlc gtk libvlc 實現簡易視頻播放简体版

原文原文鏈接

小編心語：現下，各類視頻播放軟件層出不窮，競爭也越演越烈，不知道你們有木有這個想法，小編有時在想能不能作一款屬於本身的視頻播放器呢~小編特地去實驗樓，整理出了這篇關於如何實現簡易視頻播放器的博文。簡易播放器，你值得擁有~

友情提示：這裏只是前篇，只是一些簡單的功能，其餘功能將會在後篇爲你們介紹——css

C語言基於GTK+Libvlc實現的簡易視頻播放器

1、課程說明

若是你學習過以前上線的pygtk實現有道詞典的項目課，那應該對gtk的使用有一些瞭解了，這個項目課學起來會相對輕鬆一些。關於Gtk或者說是一般的圖形應用開發的一些基礎知識，咱們會在之後的基礎課程中體現，項目課適合有必定基礎的用戶學習。html

2、Gtk簡介

GTK+ 是一種圖形用戶界面（GUI）工具包。也就是說，它是一個庫（或者，其實是若干個密切相關的庫的集合），它支持建立基於 GUI 的應用程序。能夠把 GTK+ 想像成一個工具包，從這個工具包中能夠找到用來建立 GUI 的許多已經準備好的構造塊。git

最初，GTK+ 是做爲另外一個著名的開放源碼項目 —— GNU Image Manipulation Program (GIMP) —— 的副產品而建立的。在開發早期的 GIMP 版本時，Peter Mattis 和 Spencer Kimball 建立了 GTK（它表明 GIMP Toolkit），做爲 Motif 工具包的替代，後者在那個時候不是免費的。（當這個工具包得到了面向對象特性和可擴展性以後，纔在名稱後面加上了一個加號。）github

這差很少已經 10 年過去了。今天，在 GTK+ 的最新穩定版本 —— 2.8 版上（3.0測試中），仍然在進行許多活動，同時，GIMP 無疑仍然是使用 GTK+ 的最著名的程序之一，不過它已經不是唯一的使用 GTK+ 的程序了。已經爲 GTK+ 編寫了成百上千的應用程序，並且至少有兩個主要的桌面環境（Xfce 和 GNOME）用 GTK+ 爲用戶提供完整的工做環境。shell

GTK+雖然是用C語言寫的，可是您可使用你熟悉的語言來使用GTK+，由於GTK+已經被綁定到幾乎全部流行的語言上，如：C++,PHP, Guile,Perl, Python, TOM, Ada95, Objective C, Free Pascal, and Eiffel編程

使用GTK+的優秀應用程序：c#

· GIMP－GNU圖像處理程序瀏覽器

· GNOME、XFCE等桌面環境和大部分窗口管理器都基於GTK+服務器

· Inkscape－相似於Illustrator、CorelDraw的矢量圖形繪製工具網絡

· Pidgin－支持多種協議（IRC、Gtalk、Yahoo Talk、MSN、QQ等等）的聊天工具

· Firefox 、Chrome－兩大流行瀏覽器

· ...

3、Vlc簡介

1.簡介：

VLC多媒體播放器（英語：VLC media player，最初爲VideoLAN Client，是VideoLAN計劃的開放源代碼多媒體播放器。）支持衆多音頻與視頻解碼器及文件格式，並支持DVD影音光盤，VCD影音光盤及各種流協議。它也能做爲單播或多播的流服務器在IPv4或IPv6的高速網絡鏈接下使用。調用FFmpeg計劃的解碼器與libdvdcss程序庫使其有播放多媒體文件及加密DVD影碟的功能。

VLC自建的動態核心模塊，使全部的接口（interfaces）、視頻和音頻輸出（video and audio outputs）、控制（controls）、定標器（scalers）、解碼器（codecs）、音頻/視頻濾波器（audio/video filters）包含於統一的模塊以內，便於使用。在播放媒體文件時，無需用戶干預，VLC會根據不一樣的狀況自行調度輸入協議（input protocol）、輸入文件的格式（input file format）、輸入轉碼器（input codec）、視頻卡功能（video card capabilities）和其餘參數。

VLC media player具備跨平臺的特性，可用於Linux、Microsoft Windows、Mac OS X、BeOS、OS/2、BSD、安卓、iOS、及Solaris。

2.libvlc

libvlc是VLC media player使用的多媒體框架的核心引擎和擴展編程接口，它能夠幫助開發者開發普遍的多媒體應用

libvlc多媒體框架結構以下：

libvlc API關係圖表以下：

LibVlc官方API文檔

4、gtk構建gtk界面

咱們首先也只是佈局和添加控件，以後再來實現業務邏輯，很少說，直接看圖，這就是咱們要先實現的播放器大體的界面佈局，不過這個界面將不會是咱們最終要實現的樣子，由於這是使用galde界面設計器建立的佈局，你們初學時最好不要直接使用glade來進行佈局，由於它會忽略不少細節。先從手寫代碼的方式進行佈局和添加控件，這樣有助於你更好的掌握那些控件的使用方法。

1.先了解這個佈局的層次關係

window
|---vbox|-------menubar|-------drawingarea|-------hbox
        |---hbuttonbox
        |   |---playbutton
        |   |---stopbutton
        |---scale
        |---fullscreenbutton

2.實現這個佈局的代碼以下：

//filename:gui.c#include <gtk/gtk.h>#include <gdk/gdkx.h>#include <glib.h>#define BORDER_WIDTH 6int main(int argc, char* argv[])
{
    GtkWidget   *window,
                *vbox,
                *hbox,
                *menubar,
                *filemenu,
                *fileitem,
                *filemenu_openitem,
                *hbuttonbox,
                *player_widget,
                *stop_button,
                *full_screen_button,
                *playpause_button,
                *process_scale,
                *play_icon_image,
                *pause_icon_image,
                *stop_icon_image;
    GtkAdjustment  *process_adjuest;    // 每一個gtk程序都必需要有的，兩個參數對應mian函數的兩個參數，用於在命令行執行程序時傳遞並解析參數
    gtk_init(&argc, &argv);    // 建立一個window並完成初始化，如設置爲頂層窗口，寬度和高度，標題等，並綁定destory信號，以便在關閉gtk窗口後程序能徹底退出
    window = gtk_window_new(GTK_WINDOW_TOPLEVEL);
    gtk_window_set_default_size(GTK_WINDOW(window), 400, 300);
    g_signal_connect(window, "destroy", G_CALLBACK(gtk_main_quit), NULL);
    gtk_container_set_border_width (GTK_CONTAINER (window), 0);
    gtk_window_set_title(GTK_WINDOW(window), "GTK+ libVLC Demo");    //建立一個方向垂直間距爲0的box容器，並添加到前面建立的window中
    vbox = gtk_box_new(GTK_ORIENTATION_VERTICAL, 0);
    gtk_container_add(GTK_CONTAINER(window), vbox);    //建立一個menubar和兩個menuitem分別爲菜單中的「文件」和「打開」，因爲它們爲上下級菜單關係，
    //因此須要單獨一個menu來放置"open_menu_item",也就是代碼中的filemenu_openitem
    menubar = gtk_menu_bar_new();
    fileitem = gtk_menu_item_new_with_label ("File");
    filemenu_openitem = gtk_menu_item_new_with_label("Open");
    filemenu = gtk_menu_new();
    gtk_menu_shell_append(GTK_MENU_SHELL(filemenu), filemenu_openitem);    // 將filemenu設置爲上一級fileitem的子菜單，而後將fileitem添加進menubar,最後將menubar放置進vbox
    gtk_menu_item_set_submenu(GTK_MENU_ITEM(fileitem), filemenu);
    gtk_menu_shell_append(GTK_MENU_SHELL(menubar), fileitem);
    gtk_box_pack_start(GTK_BOX(vbox), menubar, FALSE, FALSE, 0);    //建立一個draw_area控件，用作視頻播放顯示區域，並放置進vbox
    player_widget = gtk_drawing_area_new();
    gtk_box_pack_start(GTK_BOX(vbox), player_widget, TRUE, TRUE, 0);    //建立一個hbox做爲vbox的子容器，一個hbuttonbox做爲hbox的子容器，hbuttonbox用於放置兩個button,
    // 再將一個scale（滾動條，用做視頻播放進度條，本來的process控件不能拖動）添加進hbox,最後將hbox放置進最外面的vbox
    hbox = gtk_box_new(GTK_ORIENTATION_HORIZONTAL, 0);
    hbuttonbox = gtk_button_box_new(GTK_ORIENTATION_HORIZONTAL);
    gtk_container_set_border_width(GTK_CONTAINER(hbuttonbox), BORDER_WIDTH);
    gtk_button_box_set_layout(GTK_BUTTON_BOX(hbuttonbox), GTK_BUTTONBOX_START);

    playpause_button = gtk_button_new_from_icon_name("media-playback-start", GTK_ICON_SIZE_BUTTON);
    stop_button = gtk_button_new_from_icon_name("media-playback-stop", GTK_ICON_SIZE_BUTTON);

    gtk_box_pack_start(GTK_BOX(hbuttonbox), playpause_button, FALSE, FALSE, 0);
    gtk_box_pack_start(GTK_BOX(hbuttonbox), stop_button, FALSE, FALSE, 0);
    gtk_box_pack_start(GTK_BOX(hbox), hbuttonbox, FALSE, FALSE, 0);    //建立一個滾動條，使用一個自定義的adjust對象初始化
    process_adjuest = gtk_adjustment_new(0.00, 0.00, 100.00, 1.00, 0.00, 0.00);
    process_scale = gtk_scale_new(GTK_ORIENTATION_HORIZONTAL,process_adjuest);
    gtk_box_pack_start(GTK_BOX(hbox), process_scale, TRUE, TRUE, 0);
    gtk_scale_set_draw_value (GTK_SCALE(process_scale), FALSE);
    gtk_scale_set_has_origin (GTK_SCALE(process_scale), TRUE);
    gtk_scale_set_value_pos(GTK_SCALE(process_scale), 0);
    gtk_box_pack_start(GTK_BOX(vbox), hbox, FALSE, TRUE, 0);    // 顯示全部控件，並運行gtk程序
    gtk_widget_show_all(window);
    gtk_main ();    return 0;
}

若是你以爲有困難能夠直接下載代碼：（如下內容是在實驗樓網站的虛擬平臺上使用的，沒有使用實驗樓的不須要下面這個步驟）

$ wget https://raw.githubusercontent.com/shiyanlou/gtk-vlc-video-player/master/gui.c

3.代碼說明：

上述代碼，使用以下命令編譯和運行：

# 注意pgk-config...那裏不是單引號，是反單引號$ gcc gui.c -o gui `pkg-config --libs --cflags gtk+-3.0`$ ./gui

運行後，你將看到

代碼的解釋說明，已經儘量在註釋中說明，代碼中一些gtk的API的使用和詳細說明，請參看官方API文檔,一些API的參數若是不太明確，你能夠直接在代碼中修改成不一樣的值，而後編譯並運行代碼，觀察效果，幫助理解.

5、使用libvlc播放媒體文件經過gtk中顯示

1.使用libvlc建立一個媒體播放器對象

在mian函數中添加以下代碼:

    //setup vlc
    vlc_inst = libvlc_new(0, NULL);
    media_player = libvlc_media_player_new(vlc_inst);
    g_signal_connect(G_OBJECT(player_widget), "realize", G_CALLBACK(player_widget_on_realize), media_player);

2.使用filechooserdialog打開一個視頻文件

首先給菜單欄中的open添加一個點擊信號處理函數on_open,注意通常信號處理函數的命令規則就是在函數名以前加上"on_",但這不是必需的，而後在on_open這個信號處理函數中，建立一個 filechoosedialog，並運行。打開文件，獲取到uri（?）後，將其傳遞給open_media函數，使用vlc打開並播放視頻文件。這裏注意，要想讓vlc播放的視頻顯示在窗口中還須要給以前建立的draw_area控件綁定一個信號處理函數，這裏面會將vlc的播放器窗口繪製在控件中。

具體實現代碼以下：

添加信號處理

// 添加信號處理函數g_signal_connect(filemenu_openitem, "activate", G_CALLBACK(on_open), window);

處理函數實現

// 信號處理函數 void on_open(GtkWidget *widget, gpointer data) {
    GtkWidget *dialog;
    GtkFileChooserAction action = GTK_FILE_CHOOSER_ACTION_OPEN;

    dialog = gtk_file_chooser_dialog_new("open file", GTK_WINDOW(widget), action, _("Cancel"), GTK_RESPONSE_CANCEL, _("Open"), GTK_RESPONSE_ACCEPT, NULL);    if(gtk_dialog_run(GTK_DIALOG(dialog)) == GTK_RESPONSE_ACCEPT) {        char *uri;
        uri = gtk_file_chooser_get_uri(GTK_FILE_CHOOSER(dialog));
        open_media(uri);
        g_free(uri);
    }
    gtk_widget_destroy(dialog);
}// 傳入視頻文件uri，使用libvlc播放視頻文件void open_media(const char* uri) {
    media = libvlc_media_new_location(vlc_inst, uri);
    libvlc_media_player_set_media(media_player, media);

    current_play_time = 0.0f;
    gtk_scale_set_value_pos(GTK_SCALE(process_scale), current_play_time/video_length*100);

    play();
    libvlc_media_release(media);
}

由於咱們使用了libvlc因此上面代碼在編譯時須要加上libvlc的編譯和連接選項,可以使用pkg-config工具得到

好比：

$ gcc -o videoplayer videoplayer.c `pkg-config --cflags --libs gtk+-3.0 libvlc`

一切正常的話，如今你的播放器應該已經能夠播放出視頻了，若是你須要一個視頻文件來測試播放效果的話，你可使用我提供的一個視頻文件，這是一個至關有趣的視頻，因此但願你必定要成功，而後你才能看到這個視頻的內容。

$ wget http://anything-about-doc.qiniudn.com/gtk_libvlc_video_player/video_demo_01.flv

6、實現簡單的播放控制,暫定/播放和中止

這個比較簡單了，就是爲播放和中止按鈕分別綁定兩個點擊信號處理函數，並更具當前是否爲播放狀態設置按鈕顯示爲播放仍是暫定，及實現視頻的暫定和繼續播放

具體代碼以下：

一樣先添加信號處理

(略）

處理函數實現

// 使用libvlc傳入當前的播放器對象，獲取播放狀態void on_playpause(GtkWidget *widget, gpointer data) {    if(libvlc_media_player_is_playing(media_player) == 1) {
        pause_player();
    }    else {
        play();
    }
}void on_stop(GtkWidget *widget, gpointer data) {
    pause_player();
    libvlc_media_player_stop(media_player);
}// play函數開始播放視頻，並將播放按鈕的圖標換成表示暫定的圖標void play(void) {
    libvlc_media_player_play(media_player);
    pause_icon_image = gtk_image_new_from_icon_name("media-playback-pause", GTK_ICON_SIZE_BUTTON);
    gtk_button_set_image(GTK_BUTTON(playpause_button), pause_icon_image);
}void pause_player(void) {
    libvlc_media_player_pause(media_player);
    play_icon_image = gtk_image_new_from_icon_name("media-playback-start", GTK_ICON_SIZE_BUTTON);
    gtk_button_set_image(GTK_BUTTON(playpause_button), play_icon_image);
}

7、實現播放進度顯示和拖動進度條跳轉

1.視頻播放進度的顯示

要顯示播放進度，能夠用兩種方式，第一種呢，自定義一個信號每當vlc的播放進度發生變化時就發送這個信號，而後將滾動條綁定該信號，在該信號的信號處理函數中獲取vlc播放進度，並設置爲滾動條的值；另外一種是添加一個定時器，每隔一個時間好比0.5s去獲取vlc的播放進度，使用以前建立滾動條是自定義的一個GtkAdjuestment對象了設置滾動條的進度。前一種方法比較複雜，這裏咱們使用後一種

具體代碼以下：

在open_media函數中添加定時器

// 表示每隔500ms會調用\_update\_scale函數，並將process\_scale做爲數據對象傳入g_timeout_add(500,_update_scale,process_scale);

_update_scale函數實現

// 該函數爲一個`GSourceFunc`函數類型，要求必需要有返回值，返回類型爲`gboolean`，// 如要下次繼續執行該定時器，須返回`G\_SOURCE\_CONTINUE`，不然返回`G\_SOURCE\_REMOVE`
gboolean _update_scale(gpointer data){    // 獲取當前打開視頻的長度，時間單位爲ms
    video_length = libvlc_media_player_get_length(media_player);    
    current_play_time = libvlc_media_player_get_time(media_player);
    gtk_adjustment_set_value(process_adjuest,current_play_time/video_length*100);    return G_SOURCE_CONTINUE;
}

2.實現拖動進度條跳轉

這個功能能夠給scale添加一個value\_changed信號處理函數就能夠實現，只是這裏有個小問題就是，若是直接這樣實現的話，會跟上面的進度顯示發生點小衝突，覺得上面的進度更新也會觸發這裏的信號處理函數，致使視頻一直在那來回卡動沒法正常播放，這裏咱們能夠在更新進度條是使用臨時阻塞value\_changed信號的方式避免這個問題

具體代碼以下：

添加信號處理

略

處理函數實現

// 經過adjuest對象獲取拖動到的進度數值（根據以前的設定爲1-100的範圍），// 而後使用libvlc設定播放位置（根據百分百設定，故要除以100）void on_value_change(GtkWidget *widget, gpointer data){    float scale_value = gtk_adjustment_get_value(process_adjuest);
    libvlc_media_player_set_position(media_player, scale_value/100);
}

衝突解決

修改_update_scale函數以下：

// 在更新進度條數值前先阻塞信號處理函數的執行，以後在取消阻塞gboolean _update_scale(gpointer data){    // 獲取當前打開視頻的長度，時間單位爲ms
    video_length = libvlc_media_player_get_length(media_player);    
    current_play_time = libvlc_media_player_get_time(media_player);
    g_signal_handlers_block_by_func(G_OBJECT(process_scale), on_value_change, NULL);
    gtk_adjustment_set_value(process_adjuest,current_play_time/video_length*100);
    g_signal_handlers_unblock_by_func(G_OBJECT(process_scale), on_value_change, NULL);    return G_SOURCE_CONTINUE;
}

7、總結

經過上面的一些說明，相信你能夠獨立構建一個實現基本功能的視頻播放器了，不過總的說來，它是在是太基礎了，簡單來說根本拿不出手啊，做爲本身平常使用都會有問題，好比不能全屏，不能添加字幕，不能調節音量（抱歉當前咱們的實驗環境可能也聽不到聲音，但對於一個播放器來講這一點咱們仍是要實現）等等，這些就請你期待下一節項目課吧，我將帶你一步一步添加功能，完善咱們的視頻播放器

本節完整代碼下載（如下內容是在實驗樓網站的虛擬平臺上使用的，沒有使用實驗樓的不須要下面這個步驟）

$ git clone https://github.com/shiyanlou/gtk-vlc-video-player.git

更多詳細步驟和代碼請登陸實驗樓官方網站：http://www.shiyanlou.com/courses/69

有更多基礎課、項目課歡迎你們登錄實驗樓官方網站http://www.shiyanlou.com。
如今登錄實驗樓更有感恩好禮相送http://www.shiyanlou.com/huodong/thanks.html