2. 程式人生 > >基於IE核心的多媒體檔案視覺化程式實現（二）

基於IE核心的多媒體檔案視覺化程式實現（二）

阿新 • • 發佈：2018-11-17

文章目錄


上回說道，我們需要使用命令列引數方法將要瀏覽的檔名傳入wsee.exe 程式，然後由 OnInitialUpdate()函式中呼叫 Navigate2實現利用IE核心解析檔案，最後顯示出檔案內容來。然而， Navigate2函式只接受絕對路徑的檔案訪問，所以要進行輸入字串的轉換。

先解決第1個問題：如何利用命令列引數將要瀏覽的檔名傳入？

使用命令列引數

在C語言中（後來的java、python等也如此），命令列引數是以帶引數的main函式完成的（以argv傳遞引數的個數，以argc字串陣列傳遞各引數的具體字串。

然而，MFC對此也進行了封裝，說不清好還是壞，反正用了MFC，你就得按MFC的規矩來做，上了賊船，得行賊道。查MFC用法，又提供了好幾種方法，顯然，上了MFC船的C++已經不是原來的伊人。

開啟上次所建的wsee工程，從CWseeApp::InitInstance()函式中可見到：

// Parse command line for standard shell commands, DDE, file open
	CCommandLineInfo cmdInfo;
	ParseCommandLine(cmdInfo);

	// Dispatch commands specified on the command line
 

	if (!ProcessShellCommand(cmdInfo))
		return FALSE;

可見MFC定義了新的物件cmdInfo，以ParseCommandLine(cmdInfo)進行命令列引數的解釋，然後送以函式ProcessShellCommand(cmdInfo)實行處理，從而完成開啟檔案的預設行為。這樣，使用者不必編寫新的程式碼，就能對命令列引數的所指出的檔案做預設處理（例如，等價於選單中的檔案|開啟項）。

但現在我需要依據檔名直接（或做解析變換後）送入Navigate2函式，顯然要寫新的程式碼了。

又查得，MFC訪問命令列引數有三種方法：

1、包含程式本身全路徑和命令列引數
::GetCommandLine();


2、使用巨集，依次獲取每一個命令列引數
__argc, __argv[],
3、僅獲取命令列引數
AfxGetApp()->m_lpCmdLine;

其中，第2種方法與傳統C語言的方法形式上最接近，看來還有點伊人的影子！就用這個吧，在void CWseeView::OnInitialUpdate()函式中去寫程式碼。
我們說，程式是演化出來的，先加一句訊息框輸出__argv[1]的內容。在傳統C語言中，除錯程式時我們常常用printf將訊息字串列印到螢幕上來看，在windows程式除錯中，我們也用訊息框來輸出訊息並暫停程式。如下。注意取命令列引數時應先用if語句判斷一下輸入引數的個數。以免取空。

void CWseeView::OnInitialUpdate()
{
	CHtmlView::OnInitialUpdate();
	if(__argc>2){
		AfxMessageBox(__argv[1]);
	    AfxMessageBox(__argv[2]);
	}
	Navigate2(_T("http://www.baidu.com/"),NULL,NULL);
}

編譯程式後，由於是帶引數的，就不要直接在VC++整合環境中點在這裡插入圖片描述圖示執行，而要進入編譯生成的exe檔案路徑，以命令列方式進行。如下：

  • 不帶引數情況：
    程式直接執行顯示出Navigate2函式所指的百度網頁。

  • 帶一個引數或多個引數，MFC這樣處理引數（__argv[1]到__argv[n]）：

    • 如果這個引數是以減號-或/起頭，則認為是選項引數。
    • 如果這個引數是以其他符號起頭，則視為要開啟的檔案，由 函式ProcessShellCommand(cmdInfo)判別是否檔案存在，如不存在，則直接提示後退出。如存在，則進行預設處理（不處理，由程式設計師程式碼定）。

例如： 執行wsee abc則彈出訊息框說abc檔案找不到。
在這裡插入圖片描述

執行wsee wsee.obj 則直接執行，顯示百度網頁：
在這裡插入圖片描述

執行wsee -w 也如上顯示百度網頁。

執行wsee -w -www.abc.com （wsee /w /www.abc.com也可）則順序彈出兩訊息框：
在這裡插入圖片描述

說明引數傳入與我們的想法一致。

接下來對傳輸的引數進行處理就可。

引數格式設計為：

  • 如無引數，則顯示幫助資訊。

  • 通過第1個引數傳遞檔名或網址，其他引數項直接丟棄。

    • 如果引數以減號-或/號起頭，則認為是http網址，傳入後將首字元（減號或/號）去掉送Navigate2函式即可。
    • 如果引數以其他字元起頭，則認為是本地檔案。如檔案存在，則將其轉換這絕對路徑送Navigate2函式。
    • 對於本地檔案，判斷如是絕對路徑的，則直接送Navigate2函式。絕對路徑的標誌是：第2字元為：冒號。如d:\\xxx\\yyy\\zzz.png或d:/xxx/yyy/zzz.png。【注：C語言中，\要用\\來轉義，而可直接用/。】
    • 相對路徑如：當前路徑（即只有檔名），子目錄路徑，如./yyy/zzz.png，上一級目錄../pp/qq.jpg。如此類推。

命令列引數獲取和解析程式碼

【程式碼說明】：對於字串的處理，MFC給出了比C語言更方便的CString類。這裡，為了說明用純C語言簡單字串函式也能完成任務，我們沒有選擇使用CString類，而是直接用char *來定義字串。用GetCurrentDirectory函式來獲取當前工作目錄。用GetModuleFileName函式來獲取wsee.exe所在目錄，從而找到同目錄下的幫助檔案help.htm。

程式碼：修改OnInitialUpdate()函式如下：

void CWseeView::OnInitialUpdate()
{
	CHtmlView::OnInitialUpdate();
	
	char str[256];
	char chCurtPath[256];//當前工作目錄
	char path[256];//本軟體wsee.exe所在目錄
	char *ptr;
	int len;
	
	GetCurrentDirectory(256,chCurtPath);//獲取當前目錄，並存在chCurtPath中
	len=strlen(chCurtPath);//計算路徑字串長度
	
	if(chCurtPath[len-1]==0x5c)
	{
		//0x5c是'\',如串中有'\'則去掉，如'd:\'
		chCurtPath[len-1]=0;//去掉串中最後的'\'
	}
	
	if(__argc>1)
	{
		char *input=__argv[1];
		if(input[1]==0x3a)
		{//判斷是否為絕對路徑。絕對路徑的第2個字元是冒號（0x3a）
			str[0]=0;
			strcat(str,__argv[1]);//絕對路徑則直接使用
		}
		else if(input[0]!=0x2d && input[0]!=0x2f)//利用相對路徑構造絕對路徑
		{
			str[0]=0;//初始化
			strcat(str,chCurtPath);
			strcat(str,"\\");
			strcat(str,__argv[1]);
			//AfxMessageBox(__argv[1]); //測試用
		}else
		{
			//如有選項符（-或/），則將字串當做網址處理
			str[0]=0;
			strcat(str,__argv[1]+1);//+1就是去掉字串中第1個字元（-或/）
			//AfxMessageBox(str); //測試用

		}
		Navigate2(str,NULL,NULL);
	}
	else
	{
		//如無引數，則顯示幫助文件help.html
		GetModuleFileName(NULL,path,256);
		
		ptr=strrchr(path, '\\');
		path[ptr-path]=0;//截斷，只留exe所在路徑
		strcat(path,"/help.htm");
		
		//path為絕對路徑，指向exe所在資料夾的help.htm檔案
		Navigate2(path,NULL,NULL);//顯示幫助資訊
	}
}

這樣，新增程式碼在50行左右，基本實現了需求功能。

幫助系統

可編寫軟體的使用手冊文件。這裡，我採用了簡單的htm格式書寫，命名help.html，並置於與wsee.exe同文件路徑中(GetModuleFileName函式就是為了在無引數執行wsee時找到該幫助文件並開啟)。有了html格式支援，幫助文件風格和內容可以是極其豐富和自由的。例如，可以直接連結到開發者網頁或軟體更新網址。現代版本的MATLAB、VS2017等等軟體都傾向於將系統手冊直接置於產品網站上，這樣可隨時更新。

例如，我們的幫助文件寫為：

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>wsee 一個簡單的圖片檔案檢視器  V0.1</title>
 </head>
 <body>
  <h1>WSEE 幫助文件</h1>
  <p>一個簡單的圖片檔案檢視器  V0.1</p>
<a href="http://www.wtclab.net">昆明理工大學無線通訊團隊 WTCLAB(R)2018</a>
<h2>用法</h2>
<h3>一、顯示本幫助文件</h3>
<p> wsee 【回車】    顯示本幫助</p>
<h3>二、顯示本地圖片檔案</h3>
<p> wsee    圖片檔名【回車】  顯示圖片</p>
<p>如：</p>
<pre>
wsee xxx.png
wsee d:\xxx\yyy\zzz.png
wsee ..\zzz.png
wsee ..\kk\zzz.png
wsee .\qq\zzz.png
</pre>

<p>圖片格式為：png，gif動畫，jpg，bmp，svg，ico，pdf...</p>
1. 點陣圖格式：bmp，png，jpg，ico，...<p>
2. 動畫格式：gif <p>
3. 向量圖格式：svg，emf，wmf, pdf, <p>

<h3>三、顯示網際網路網站</h3>
（這是附加功能，僅供測試，不夠完善）
<p>wsee 採用-或/選項，後接網址</p>

<p>如:</p>
<pre>
wsee -www.baidu.com
wsee /www.wtclab.net
wsee -http://www.wtclab.net/newwtc/engineertrianing.php
</pre>
又如：用百度、有道查詞
<pre>
wsee -https://www.baidu.com/baidu?word=無線通訊團隊
wsee -https://www.baidu.com/s?wd=CSDN%20C語言
wsee -http://www.youdao.com/w/字典
</pre>

<h3>四、操作</h3>
只要IE瀏覽器能顯示的，這個就能顯示。
<p> Ctrl+ 滑鼠滾輪可縮放頁面</p>
</body>
</html>

這樣，直接執行wsee.exe，將顯示：

在這裡插入圖片描述

執行測試

將wsee.exe編譯好，放在任意資料夾位置，並將該位置新增到系統環境變數path路徑中。這樣，在任何工作目錄下就都能找到wsee.exe來運行了。
設當前路徑下有png檔案wtclablogo.png，則輸入

  • wsee wtclablogo.png 將顯示png圖片如下。
    在這裡插入圖片描述

  • 輸入絕對路徑或其他相對路徑也可得到相同結果。

  • 輸入網址測試：
    wsee -https://www.baidu.com/s?wd=CSDN%20C語言
    將得到通過百度直接搜尋兩關鍵字的結果：
    在這裡插入圖片描述

WSEE的功能還不只如此

WSEE還可以直接開啟以.txt、.c、.cpp、.h` 等為副檔名的文字或程式碼檔案。如：

wsee ../MainFrm.cpp
wsee ../Readme.txt
wsee ../MainFrm.h

在這裡插入圖片描述

現在的結果

對比設計要求，現在看哪些做到，還有哪些沒有做到：

  • 能顯示各種格式的點陣圖圖片 （是一個看圖軟體）—做到了
  • 能顯示向量圖（svg，wmf，emf） —做到了
  • 能顯示動畫（gif）或flash的swf —做到了
  • 能看各種格式的視訊 （是一個視訊播放器） —沒做到。
  • 能播放音訊檔案 （是一個音訊播放器） —沒做到。
  • 能閱讀pdf格式文件 （是一個Acrobat Reader）—做到了
  • 這個軟體要是有原始碼的（自己編寫的） —做到了
  • 無商業版權衝突的，可以帶上自己的LOGO。 —做到了
  • 在軟體體積上不能太大，最好在1M以內。 —做到了（24K）
  • 這個軟體是以命令列模式工作的。—做到了
  • 而且編寫的程式碼量在100行以內。 —做到了（50行）

增強部分：

  • 可訪問網際網路任意網址。並可帶引數，實現利用百度的關鍵詞檢索。
  • 能查閱TXT文字及原始碼。

相關推薦

基於IE核心的多媒體檔案視覺化程式實現（二）

文章目錄 使用命令列引數 命令列引數獲取和解析程式碼 幫助系統 執行測試 WSEE的功能還不只如此 現在的結果 上回說道，我們需要使用命令列引數方法將要瀏覽的檔名傳入wsee.exe 程式，然後由

基於IE核心的多媒體檔案視覺化程式實現（一）

目的 前回書說道，在訊號處理或演算法研究中，資料的視覺化可以直觀地展現和判別結果的合理性。如果只允許用C語言做開發，或要將C語言所做演算法的輸出資料進行展示，又不許用MATLAB、Python所帶的視覺化工具，那麼，最快捷而直接的辦法就是將資料以文字方式輸出，再

視覺化格式模型（二） 定位概述（普通流、絕對定位）

2、定位概念 上一節熟悉了盒模型， 現在來看一下視覺化格式模型和定位模型。 理解這兩個模型的細微差異是非常重要的， 因為它們一起控制著如何在頁面上佈置每個元素 2.1 視覺化格式模型 CSS有三種基本的定位機制：普通流、 浮動、絕對定位。 除非專門指定， 否則所有框都在普通流中定位。 在普通流中元

OpenCV3計算機視覺Python語言實現（二）:處理檔案、攝像頭和圖形使用者介面

2.1 基本I/O指令碼 2.1.1 讀/寫影象檔案 2.1.2 影象和原始位元組之間的轉換 2.1.3使用numpy.array()訪問影象資料 2.1.4 視訊檔案的讀寫 2.1.5 捕獲攝像頭的幀 2.1.6 在視窗顯示影象 2.1.7 在視窗顯示攝像

基於C#彈幕類射擊遊戲的實現——（二）渲染

這個遊戲打算是用C#+GDI做~所以渲染效率上還是要進行一些考慮的 這裡對傳統的GDI+封裝了下，通過批處理來提高一些效率 首先給出的是渲染介面的定義，方面以後更換高效能的渲染器（當然很遙遠） /// <summary> /// 渲染器介面 /

vue Esview 視覺化程式設計 程式流程（二）

接上次： 當呼叫assemble_page的時候，呼叫mounted函式 mounted(){ this.clear() //window.location.hash = deepCopy(window.location.hash) + ’ ’ this.getControlClazze

基於WebGL架構的3D視覺化平臺—實現汽車行走路線演示

    小車行走路線演示New VS Old 剛接觸ThingJS的時候，寫的一個小車開進小區的演示，今天又看了教程中有movePath這個方法就重新寫了一遍，其中也遇到了一些問題，尤其突出的問題就是小車過彎的尷尬表現。 先給大家看看Old版本，Old版演示地址。 再看看New版

基於D3.js的資料視覺化前端實現方案

近幾年隨著大資料逐漸火熱，資料視覺化也就顯得格外重要，Ben Fry在他的著作《Visualiziing Data》中將資料視覺化的過程分為七個步驟： 獲取 分析 過濾 挖掘 表現 改善 互動 前面4步分別屬於資料採集、資料分析、資料處理和資料探勘領域，

vue地圖視覺化 ArcGIS篇（3）

ArcGIS for javascript開發心得 本次例項中採用ArcGIS for javascript3.24版本，由於版本3與4在API等存在較大區別，就不一一列舉，詳細區別看 [官方解釋] arcgis for js4.7版本能夠自動建立layer、graphs等類，而不像3

基於java的微信小程式的實現（二）登入，註冊，登出介面的實現

1.開發工具以及相關環境的配置 1.首先關於IDE，前端小程式端採用的是微信官方的微信開發者工具，後端使用的是idea（idea是真的智慧，再也不想回去eclipse了呢），關於前端的一些程式碼，主要是參照微信官方的API進行開發的，整體的檔案結構也和js，css，html也很相似。

opencv 視覺專案學習筆記（二）： 基於 svm 和 knn 車牌識別

車牌識別的屬於常見的 模式識別 ，其基本流程為下面三個步驟： 1） 分割： 檢測並檢測影象中感興趣區域； 2）特徵提取： 對字元影象集中的每個部分進行提取； 3）分類： 判斷影象快是不是車牌或者 每個車牌字元的分類。 車牌識別分為兩個步驟， 車牌檢測， 車牌識別， 都屬於模式識別。 基本結構如下： 一、車牌

500 Lines or Less——視覺化程式設計工具（Blockcode）

原文 Dethe 是一個極客老爸，具有審美趣味的程式設計師，導師，以及視覺化程式設計工具Waterbear的作者。他聯合創辦了溫哥華手工製作教育沙龍並且滿心希望機器紙折兔能火遍全球。 在基於塊（block-based）的程式語言中，你通過拖動和連線代表程式不

阿里雲物聯網三維視覺化套件（ThingJS）使用初體驗

本文主要的目標是使用阿里雲的雲產品 - 物聯網套件三維視覺化 開始 準備工作 進入下載頁面下載頁面，點選“模型編輯器下載” 安裝模型編輯器下載 安裝完畢，啟動模型編輯器下載，啟動後介面如下所示 選擇新建場景，開啟場景自建 建立模型 基礎操作

視覺化格式模型（一） 盒模型與外邊距疊加

可以參考《精通CSS 高階WEB標準解決方案》第三章。 視覺化格式模型 視覺化格式模型要掌握的3個最重要的CSS概念是 浮動、定位、盒模型。 這些概念控制在頁面上安排和顯示元素的方式， 形成CSS的基本佈局。 主要學習內容： 盒模型的複雜性和特點 如何以及為什麼使用外邊距 絕對定位

基於深度學習的計算機視覺學習資料彙編（英）

轉載自:http://www.open-open.com/lib/view/open1452776149855.html Awesome Deep Vision  A curated list of deep learning resources for comput

基於Huffman樹的檔案壓縮原理及C語言實現（二）

在上文基於Huffman樹的檔案壓縮原理及C語言實現（一）中已經介紹並實現瞭如何建立Huffman樹，得到Huffman編碼，這篇我們將會接著說。如何通過Huffman樹，實現檔案壓縮。 實現思路 任何檔案都可以看作是由位元組組成的位元組塊，將位元組看作

CentOS7安裝GNOME視覺化介面流程（可用）

伺服器客戶要求使用linux，未了操作方便，於是考慮如何使用視覺化介面操作，以下是使用CentOS7安裝GNOME視覺化介面流程的步驟總結和歸納： 1：使用Xshell或jutty等連線工具進入系統（預設使用者名稱root） 2：執行命令安裝 Gnome 包 $sud

【D3.js資料視覺化實戰】--（2）本地時間軸

背景需求 繪製效果 實現思路 關鍵技術 完整程式碼 背景需求 使用D3繪製圖表一般都會繪製一個座標軸，但是用D3畫過圖的同學都知道預設情況下繪製的座標軸刻度是英文的。但是我們要

CNN視覺化技術總結（一）--特徵圖視覺化

導言：     在CV很多方向所謂改進模型，改進網路，都是在按照人的主觀思想在改進，常常在說CNN的本質是提取特徵，但並不知道它提取了什麼特徵，哪些區域對於識別真正起作用，也不知道網路是根據什麼得出了分類結果。      &nbs

CNN視覺化技術總結（三）--類視覺化

CNN視覺化技術總結(一)-特徵圖視覺化 CNN視覺化技術總結（二）--卷積核可視化 導言：     前面我們介紹了兩種視覺化方法，特徵圖視覺化和卷積核可視化，這兩種方法在論文中都比較常見，這兩種更多的是用於分析模型在某一層學習到的東西。在理解這兩種視覺化方法，很容易理