前面一篇文章 《移動(dòng) APP 之跨平臺(tái)解決方案》 介紹了一種跨平臺(tái)的解決方案，即用開發(fā)web app的方式來編寫mobile app。鑒于PhoneGap才剛剛新起，還有許多功能因?yàn)槠脚_(tái)的差異性無法很好的解決，所以我們?cè)趯?shí)際的開發(fā)中，發(fā)現(xiàn)有很多功能還需要完善，一種比較好 的方式就是編寫平臺(tái)依賴的插件，進(jìn)而擴(kuò)展PhoneGap的功能。

本文介紹一下開發(fā)和使用插件的一個(gè)流程，以 VideoPlayer 為例。

1. 環(huán)境搭建，下載 phonegap-android 的源碼，下載地址 https://github.com/phonegap/phonegap-android
2. 編寫video.js，提供給web開發(fā)端的接口定義，定義了一個(gè)VideoPlayer類和play函數(shù)，參數(shù)為要播放的文件視頻地址，代碼如下：

/** 
 * Constructor 
 */ 
function VideoPlayer() { 
}; 
 
/** 
 * Starts the video player intent 
 * 
 * @param url           The url to play 
 */ 
VideoPlayer.prototype.play = function(url) { 
    PhoneGap.exec(null, null, "VideoPlayer", "playVideo", [url]); 
}; 
 
/** 
 * Load VideoPlayer 
 */ 
PhoneGap.addConstructor(function() { 
    PhoneGap.addPlugin("videoPlayer", new VideoPlayer()); 
}); 

3. 編寫 Android VideoPlayer 的具體實(shí)現(xiàn)代碼，VideoPlayer/src/com/phonegap/plugins/video/VideoPlayer.java

package com.phonegap.plugins.video; 
 
import org.json.JSONArray; 
import org.json.JSONException; 
import android.content.Intent; 
import android.net.Uri; 
import com.phonegap.api.Plugin; 
import com.phonegap.api.PluginResult; 
 
public class VideoPlayer extends Plugin { 
    private static final String YOU_TUBE = "youtube.com"; 
 
    @Override 
    public PluginResult execute(String action, JSONArray args, String callbackId) { 
        PluginResult.Status status = PluginResult.Status.OK; 
        String result = ""; 
 
        try { 
            if (action.equals("playVideo")) { 
                playVideo(args.getString(0)); 
            } 
            else { 
                status = PluginResult.Status.INVALID_ACTION; 
            } 
            return new PluginResult(status, result); 
        } catch (JSONException e) { 
            return new PluginResult(PluginResult.Status.JSON_EXCEPTION); 
        } 
    } 
 
    private void playVideo(String url) { 
        // Create URI 
        Uri uri = Uri.parse(url); 
 
        Intent intent = null; 
        // Check to see if someone is trying to play a YouTube page. 
        if (url.contains(YOU_TUBE)) { 
            // If we don't do it this way you don't have the option for youtube 
            intent = new Intent(Intent.ACTION_VIEW, uri); 
        } else { 
            // Display video player 
            intent = new Intent(Intent.ACTION_VIEW); 
            intent.setDataAndType(uri, "video/*"); 
        } 
 
        this.ctx.startActivity(intent); 
    } 
} 

4. 配置插件, res/xml/plugins.xml 添加如下代碼

<plugin name="VideoPlayer" value="com.phonegap.plugins.video.VideoPlayer"/> 

5. 編寫代碼進(jìn)行調(diào)用,文件開頭引入js代碼框架，然后進(jìn)行VideoPlayer類的play函數(shù)調(diào)用

<script type="text/javascript" charset="utf-8" src="phonegap.js"></script> 
<script type="text/javascript" charset="utf-8" src="video.js"></script> 
 
 //Sample use: 
 /** 
    * Display an intent to play the video. 
    * 
    * @param url           The url to play 
    */ 
 //play(url) 
 
window.plugins.videoPlayer.play("http://path.to.my/video.mp4"); 
window.plugins.videoPlayer.play("file:///path/to/my/video.mp4"); 

6. 到此為止，插件的開發(fā)和部署，以及調(diào)用就都o(jì)k了，是不是很簡(jiǎn)單??！

最后向大家推薦一本書籍《PhoneGap Beginner’s Guide》，相信通過本書的學(xué)習(xí)，就知道了怎樣利用PhoneGap來開發(fā)跨平臺(tái)的mobile app了，同時(shí)也可以關(guān)注https://github.com/phonegap項(xiàng)目的最新進(jìn)展情況和新特性，如果可以的話，貢獻(xiàn)自己的力量來進(jìn)行完善和擴(kuò)充！