| matrix |
2014-10-09 16:48 |
APlayerMetro SDK 发布
APlayerMetro SDK已经发布，上传附件中APlayerMetro.dll.rar为APlayerMetro的SDK，另一个为APlayerMetro SDK的调用例子，下面以JavaScript为例说明在VS2012中如何使用APlayerMetro SDK进行开发。
一、打开VS2012，新建一个JavaScript的空项目
[attachment=284]
二、解压APlayerMetro.dll.rar将会得到两个文件APlayerMetro.dll和APlayerMetro.winmd，将其存放于某个目录；在APlayerMetroTest的Solution Explorer中找到References，右键--选择Add References，点击右下角Browse，找到并选择APlayerMetro.winmd文件，最后点击OK
[attachment=285]
三、在工程APlayerMetroTest上右键，选择属性，打开属性页，点击配置管理，将平台修改为X86
[attachment=286]
[attachment=287]
四、用html编写相应的界面代码，这里作为一个例子，我们添加一个video控件和几个控制按钮以及一个进度条；
打开default.html，在body中添加代码
<video id="VideoPlayer" width="1024" height="500" style="border:groove; border-color:gray"></video>
<br />
<input id="tracker" type="range" style="width:1024px; height:auto;" min="0" max="100" aria-readonly="true" />
<br />
<button id="btnOpenFile" class="action" style="-ms-zoom:1.28">打开媒体文件</button>
<button id="btnPlayPause" class="action" style="-ms-zoom:1.28">暂停</button>
<button id="btnCloseFile" class="action" style="-ms-zoom:1.28">关闭媒体文件</button>
<button id="btnChangeAudioTrack" class="action" style="-ms-zoom:1.28">切换音轨</button>
此时运行程序就会看到Metro界面
[attachment=288]
五、利用JavaScript编写相应的控制代码，具体详细的代码见附件中例子，这里仅对几点做出简要说明
1 给按钮绑定事件
var page = WinJS.UI.Pages.define("/default.html", {
ready: function (element, options) {
WinJS.Utilities.query("#btnChangeAudioTrack").listen("click", changeAudioTrack);
WinJS.Utilities.query("#btnOpenFile").listen("click", openMediaFile);
WinJS.Utilities.query("#btnCloseFile").listen("click", closeMediaFile);
WinJS.Utilities.query("#btnPlayPause").listen("click", doPlayPause);
WinJS.Utilities.query("#tracker").listen("change", onTrackerChange);
document.getElementById("VideoPlayer").addEventListener("error", onPlayerError, false);
document.getElementById("VideoPlayer").addEventListener("canplay", onCanplay, false);
},
unload: function () {
closeMediaFie();
}
});
2 创建APlayerMetro对象，并初始化
var am;
function initializeCodecs() {
am = new APlayerMetro.Player();
am.initialize();
am.addEventListener("aplayerglobleevent", onSomeEvent, false);
am.setPlayType("dc");
}
其他的代码见附件例子，现在运行工程，发现可以播放视频了，哈哈，有没有发现利用APlayerMetro SDK开发播放器是如此之简单！！
[attachment=289]
Enjoy it！！
|
|
