Cordova实现视频格式转换插件（转成mp4格式，iOS版）

本文演示如何开发一个自定义插件，来实现视频格式的转换。由于使用 iPhone 拍摄的视频是 mov 格式的，为了让视频能够在多平台下都能顺利播放，我们实现一个将视频转换为 mp4 格式的自定义插件。

1，实现原理

（1）通过 AVAssetExportSession 我们可以实现视频格式的转换，除了转成mp4编码格式，还有很多其它格式可供选择。
（2）除了编码格式外，AVAssetExportSession 还可以设置各种压缩质量。（本样例使用高质量，即不对其压缩。如果想要让生成的视频体积小点便于传输，可以使用低一些质量级别）

2，自定义插件的创建

我们随便在本地建立一个文件夹（比如叫 HanggeMp4CovertPlugin），在里面放置插件的相关功能实现代码和配置文件。目录结构如下：

下面分别介绍各个文件的内容和功能：

（1）HanggeMp4CovertPlugin.swift

import Foundation
import CoreLocation
import MobileCoreServices
import AssetsLibrary
import AVFoundation

@objc(HWPHanggeMp4CovertPlugin) class HanggeMp4CovertPlugin : CDVPlugin {

//视频转换
func covertVideo(command:CDVInvokedUrlCommand)
{
//返回结果
var pluginResult:CDVPluginResult?
//获取参数
let videoPath = command.arguments[0] as! String

//获取原视频资源
let videoURL = NSURL(fileURLWithPath: videoPath)
let avAsset = AVURLAsset(URL: videoURL, options: nil)

//获取当前时间
let now = NSDate()
let dformatter = NSDateFormatter()
dformatter.dateFormat = "yyyyMMddHHmmss"
let fileName = "(dformatter.stringFromDate(now))(arc4random()%100)"
//转码后的视频保存路径（tmp目录下）
let destinationPath = NSTemporaryDirectory() + "(fileName).mp4"
let newVideoPath: NSURL = NSURL(fileURLWithPath: destinationPath as String)

//开始转码
let exporter = AVAssetExportSession(asset: avAsset,
presetName:AVAssetExportPresetHighestQuality)!
exporter.outputURL = newVideoPath
exporter.outputFileType = AVFileTypeMPEG4
exporter.shouldOptimizeForNetworkUse = true
exporter.exportAsynchronouslyWithCompletionHandler({
print("转换成功！")
print("新视频地址：(newVideoPath.relativePath)")
pluginResult = CDVPluginResult(status:CDVCommandStatus_OK,
messageAsString: newVideoPath.relativePath)
//发送结果
self.commandDelegate.sendPluginResult(pluginResult, callbackId: command.callbackId)
})
}
}

（2）hangge-mp4-covert-plugin.js

'use strict';

var exec = require('cordova/exec');

var HanggeMp4CovertPlugin = {

covertVideo: function(videoPath, onSuccess, onFail) {
return exec(onSuccess, onFail, 'HanggeMp4CovertPlugin', 'covertVideo', [videoPath]);
}

};

module.exports = HanggeMp4CovertPlugin;

（3）plugin.xml

id="hangge-mp4-covert-plugin"
version="0.1">

HanggeMp4CovertPlugin
This plugin use to covert video to mp4

3，自定义插件的安装

（1）由于插件是使用Swift语言写的，首先在“终端”中进入到项目文件夹，并运行如下命令添加 Swift 支持插件：

cordova plugin add cordova-plugin-add-swift-support

（2）假设我们做的自定义插件是在用户“文稿”目录下，运行如下命令把这个插件添加到工程中来：

cordova plugin add ~/Documents/HanggeMp4CovertPlugin

（3）以后如果想移除这个自定义插件，运行如下命令即可：

cordova plugin rm hangge-mp4-covert-plugin

4，自定义插件的使用样例

修改首页 index.html 为如下内容。点击按钮后，首先会调用 MediaCapture 插件来拍摄录制实现，录制完毕后。会调用我们的自定义转码插件，将刚才录制好的视频转换为 mp4 格式并保存到 tmp 目录下。最后在页面上显示这个视频的地址。

录像并生成mp4视频