怎么将HTML5网页程序打包成WP8手机程序

2014年10月底，HTML5规范正式定稿

相信在不久的将来HTML5将会对互联网行业产生重要影响，尤其是移动互联网

本文介绍HTML5开发web APP 基本步骤

工具/原料

MyEclipse2014

Android SDK

eclipse

java开发环境

方法/步骤

下载安装MyEclipse2014，Android SDK，eclipse(需配置Android开发环境)

Java和Android环境安装与配置，将另写经验分享，读者也可百度参考其他相关资料，自行安装

打开MyEclipse2014，新建一个HTML5 Mobile Application Project，命名，例如：hello

html5程序在工程www目录下编辑；

编辑好我们的html5程序，下面就要开始学习打包了

这里介绍两种打包方式：1、PhoneGap Build Service 打包

PhoneGap官网有相关教程可参考，不具体介绍

2、android SDK +eclispe 打包

android SDK +eclispe 打包(前提已配置好，android开发环境)：

Step1、启动eclipse，新建Android Application Project，即Android工程，命名，例如：hello

Step2、将前面Myeclipse2014中编辑好的HTML5程序(www整个目录）拷至刚刚在eclipse新建hello工程对应assets目录下面

Step3、下面要做的就是如何将我们的HTML5程序在Android应用中启动，这里我们要使用Android系统自带的WebView控件（具体信息参考Adroid开发文档）---在工程下找到res->layout->activity_main.xml并打开，向里面插入WebView控件，编辑好自己想要的样式

Step4、在主程序入口，用刚刚编辑好的WebView控件将HTML5程序引入，此时，主体功能已实现，编译工程即可得到apk

9

备注说明：由于篇幅有限，不能详细介绍开发流程，欲了解更多，请参考Android开发手册

可以，在远标做过：新建一个带vedio标签的页面，被给vedio的source加上视频连接；

在浏览器中打开，发现一片漆黑，因为视频没有被打开，要给video加上autoplay的属性，如果不需要声音，就加上muted，还可以加上循环播放的loop；

video并没有完全撑满浏览器，在body下加上margin:0，接下来给video加上样式，使之没有scroll，又能撑满全屏，打来浏览器就能看到恰到好处的背景视频了；

在页面中加上文字，会发现该文字并没有显示在页面上，需要调低video的z-index值，这里直接置为-9999。

还可以用-filter属性，来控制video的色调，比如加上-webkit-filter:grayscale(100%)，这样页面中的视频就会显示为灰色调，此属性也使用于图片；

还可以利用video的playbackRate属性来控制video的播放速度，如果要让背景视频以慢速播放的话可以加上下面的javascript

<script>

var video= document.getElementById('v1')

video.playbackRate = 0.5

</script>

手机自带的ie游览器就支持看视频啊。你在网页输入www.baidu.com里面在搜索。否则就播放不了了。别的游览器还是支持的不好。html5因为wp手机只支持这个网页播放的格式那些诺粉才说html5是神器。国内主流视频网站还是flash格式。兄弟你就接受吧。

---