只需一步，快速开始
后使用快捷导航没有帐号？
关注：1449
所属分类： &
分享一个HTML5的微型网页播放器（完整源码）
& 主题帖子积分
新人求带, 积分 65, 距离下一级还需 235 积分
新人求带, 积分 65, 距离下一级还需 235 积分
感谢分享，微信有你更精彩！
& 主题帖子积分
新人求带, 积分 12, 距离下一级还需 288 积分
新人求带, 积分 12, 距离下一级还需 288 积分
这个可以有，先收藏下先咯
& 主题帖子积分
新人求带, 积分 25, 距离下一级还需 275 积分
新人求带, 积分 25, 距离下一级还需 275 积分
分享一个HTML5的微型网页播放器
& 主题帖子积分
新人求带, 积分 70, 距离下一级还需 230 积分
新人求带, 积分 70, 距离下一级还需 230 积分
用的啥解码器啊
& 主题帖子积分
新人求带, 积分 30, 距离下一级还需 270 积分
新人求带, 积分 30, 距离下一级还需 270 积分
& 主题帖子积分
新人求带, 积分 25, 距离下一级还需 275 积分
新人求带, 积分 25, 距离下一级还需 275 积分
& 主题帖子积分
新人求带, 积分 25, 距离下一级还需 275 积分
新人求带, 积分 25, 距离下一级还需 275 积分
急需！急需！急需！急需！急需！急需！急需！
& 主题帖子积分
新人求带, 积分 25, 距离下一级还需 275 积分
新人求带, 积分 25, 距离下一级还需 275 积分
OK,VERY GOOD.
& 主题帖子积分
新人求带, 积分 25, 距离下一级还需 275 积分
新人求带, 积分 25, 距离下一级还需 275 积分
safdadfsafdsadfsafdsaf
& 主题帖子积分
新人求带, 积分 45, 距离下一级还需 255 积分
新人求带, 积分 45, 距离下一级还需 255 积分
楼主性苦了 、我路过 来看看
<是专业的第三方微信开发者平台，为生态而生。
本站为第三方微信开发者平台，非腾讯官方网站。
天津市滨海新区中新生态城中成大道生态建设公寓9号楼3层301
欢迎来这里一起喝喝茶，聊聊你的产品。
微信公众号gongzhongkaifa
工作日12小时内回复。
工作日12小时内回复。微信小程序 是html5吗-海淘科技
400-006-8956
> 微信小程序 是html5吗
微信小程序
是html5吗?相信很多人都在问这个问题，今天海淘科技的小编就和大家一起去了解吧，从微信小程序从开始就被炒得沸沸扬扬，依靠自身的优势而备受关注。但是从微信小程序开发者来说，微信小程序的优势在于降低了开发门槛。但是实际情况并不如此简单，从开发环节到开发工具再到开发语言，微信小程序开发和手机app开发的可以说是完全不一样的。
有的人片面的把微信小程序（）和HTML5画上等号。其实不然，微信小程序是微信全新定义的规范，是基于XML+JS的，不支持也不兼容HTML，兼容受限的部分CSS写法。传统的HTML5的运行环境是浏览器，包括webview，而微信小程序的运行环境并非完整的浏览器，小程序的开发过程中会用到HTML5相关的技术，但并不是全部。
小程序最后的发布上线需要微信审核，微信在不更新自身软件的情况下可以将小程序更新到自身软件内，这就联想到了ReactNative框架，并且已经有开发者在微信小程序的开发工具源码中发现使用了React和NodeWebkit库，官方文档中着重强调了脚本内是无法使用浏览器中常用的window对象和document对象(基于这一点，像zepto/jquery这种操作dom的库就被完全抛弃了)。
不过由于微信给开发者提供了开发工具，而开发工具中也内置了编程、调试、开发环境、发布于一身，我们也不用再探讨它的最终运行环境了，只要按照官方文档进行开发就可以了。并且从微信团队给开发者提供开发工具这一举动，让人联想到了苹果给开发者提供的X-CODE开发工具，可以想象微信的“野心”可见一斑。
微信小程序的开发代码目录中我们可以知道，文件的后缀名分别是wxml、wxss和js。微信对wxml的全称定义也不是weixin xml，而是WeiXin
Markup Language，wxss是WeiXin Style
Sheets，很霸气的要自成体系感。所以微信小程序的开发和HTML5其实没有什么关系。换句话说小程序是微信基于XML和JS定义的一套标记语言，全新的生态，一个轻OS。
不管是开发工具还是UI框架都是腾讯做的，过去Web上的三方工具、框架生态，完全没有用。从职业规划服务来说小程序开发者，将会是一个独立的职业。
普通的创业公司要进行微信小程序开发的时候大多会找合适的外包公司进行合作，但是找外包不像买鞋子，因为开发完成前，你是看不到商品或服务结果，所以找一个靠谱的团队，就很重要。郑州天点科技有限公司为企事业单位提供一站式、全方位网络品牌服务。从网络品牌的策划、创建、品牌推广到品牌维护和管理，对网络资源进行分析、诊断、整
合，为提升品牌价值提供策略、创意、设计、顾问服务，并专注于对网络品牌、搜索引擎优化SEO、网络策划、网站运营、设计视觉等方面的探索和研究。
当我们面对一个HTML5
web开发需求时，我们需要考虑什么呢?抛去开发工具(vscode、sublimtext、Atom等)不谈，大到前端框架(Angular、react、vue、backbone等)、模块管理工具(Webpack、Browserify等)、任务管理工具(Grunt、Gulp等)，小到UI库选择、接口调用工具(ajax、FetchApi等)、浏览器兼容性等都要我们一一考略，再不济用jqery插件写H5，也要在开发过程中去寻找合适的jquery插件来配合项目。尽管这些工具可定制化非常高，并且提高了开发者的开发效率，但我们相信项目开发的配置工作已经消耗了不少精力，尽管大部分开发者都有自己的配置模板，但长久以来对于项目中使用的各种外部库的版本迭代、版本升级所产生的成本应该也不低。
而当我们面对一个微信小程序的开发需求时，需要考虑什么呢?微信团队提供了开发者工具，并且规范了开发标准，前端常见的HTML、CSS变成了微信自定义的WXML、WXSS，WXML中尽管全部是自定义标签，但官方文档中都有明确的使用介绍，相信上手应该是非常容易的;WXSS、JSON和JS文件中的写法稍有限制，但整体相差不多。在统一了这些标准之后，作为一个开发者，你会发现，自己只要专注写程序就可以了：
1、当需要调用后端接口时，调用发起请求API
2、当需要上传下载时，调用上传下载API
3、当需要数据缓存时，调用本地存储API
4、引入地图、使用罗盘、调用支付、调用扫码等等功能都可以直接使用
5、UI库方面，框架自然带有自家weui库加成
并且在使用这些API时，你不用再去顾虑浏览器兼容性，不用担心生产环境中出现不可预料的奇妙BUG，可见微信小程序的开发成本确实相比以往的web开发低很多。
微信小程序相对于HTML5web应用能获得更多的系统权限，比如网络通信状态、数据缓存能力等，这些系统级权限都可以和微信小程序无缝衔接，也就是官方宣称的拥有Native
App的流畅性能，而这一点恰巧是HTML5 web应用经常被诟病的地方，这也是HTML5的大多应用场景被定位在业务逻辑简单、功能单一的原因。
最后一点就是，应用在生产环境的运行流畅度，这点无论对于用户还是开发者来说，都是最直观的感受。长久以来，当HTML5应用面对复杂的业务逻辑或者丰富的页面交互时，它的体验总是不尽人意，需要不断的对项目优化来提升用户体验。但是由于微信小程序运行环境独立，尽管同样用html+css+js去开发，但配合微信的解析器最终渲染出来的是原生组件的效果，自然体验上将会更进一步。
由此，我们可以看出，微信小程序并不是HTML5。
相关文章：& &小程序发布后，公司虽然没有拿到第一批内测资格，但作为微信亲密合作伙伴，一定要第一时间去尝试啦。现在微信小程序刚发布还在测试阶段，可以说是1.0版本，所以框架和结构内容都还不多，相关的文档跟微信API一样都做得很好。
　　1）微信小程序到底是什么？跟H5,是不是一样？
　　　　它可以把应用功能快速嵌入到微信公众号中，用户无需安装应用就能访问。相比现在的app开发和发布都容易很多。
& & & & & & & &微信小程序本质上就是Html5，或者说是一种优化过之后的Html5。不过在编码方式跟HTML5还是有很多不同的地方，但是其内核还是大量使用HTML5的相关技术，有H5经验的前端会更容易的掌握上手。
& & & & & & & &关于让让小程序在个完整支持HTML5标准的浏览器上运行起来，有兴趣的同学具体可以参见。
　　2）开发者入门学习
　　　　1.首先去下载安装微信Web开发者工具，很贴心的支持Mac，并且教程的截图都是Mac的哦~~
& & & & & & & & &下载地址：
& & & & & & & & &&
　　　　2.打开开发者工具后，（网络慢的二维码可能加载很久）扫二维码后可以添加项目或导入项目，appid不会公众号的，没有内测邀请的可以不填，输入项目名称比如：HelloWorld，选择项目保存地址的时候选择一个新创建的空文件夹，如果勾选在当前目录创建 quick start项目, 它就会帮我们创建一个简易的小程序demo，方便我们学习理解
　　　　3.点击开发者工具左侧导航的&编辑&，我们可以看到这个项目，已经初始化并包含了一些简单的代码文件。在项目文件夹下看到了三个特别的文件app.js、app.json、app.wxss，其中，.js后缀的是脚本文件，.json后缀的文件是配置文件，.wxss后缀的是样式表文件。这三个文件是一个项目必不可少的文件，删除任意一个文件项目都会运行不了。
　　　　　　app.js: 小程序运行主要逻辑及入口，里面使用App()函数来注册一个小程序，普通页面的js文件中可以通过 getApp()函数拿到App()函数所拥有的参数，并调用其中的数据。我们可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量。调用框架提供的丰富的 API，如本例的同步存储及同步读取本地数据。想了解更多可用 API，可参考&
　　　　　　app.json: 是小程序的全局配置文件。可以在这个文件中配置小程序是由哪些页面组成，配置小程序的窗口背景色，配置导航条样式，配置默认标题。注意该文件不可添加任何注释。更多可配置项可参考。每一个小程序加载的页面，包括四个部分[js、json、wxml、wxss]）都要在 pages数组中声明后才能访问， window对象中可以设置窗口的样式颜色等。
　　　　　　app.wxss: 是一个公共的样式文件，整个项目的每个页面都可以调用，我们可以在页面组件的 class 属性上直接使用 app.wxss 中声明的样式规则，就如一个全局的css文件。
　　　　4.在左边菜单栏中选择&编辑&，可以查看我们这个项目的文件和结构,从文件结构中我们可以看到文件类型有4种：
　　　　　　.js : 这就是一个文件，只不过它是微信基于javascript封装过的，所以很多js函数是不能使用的，比如localhost.href，微信加入了很多自身的接口，比如跳转页面是： wx.navigationTo()函数。例如index.js 是页面的脚本文件，在这个文件中我们可以监听并处理页面的生命周期函数、获取小程序实例，声明并处理数据，响应页面交互事件等。
　　　　　　.json :&是页面的配置文件，可以配置页面头部title信息等，页面的配置文件是非必要的。当有页面的配置文件时，配置项在该页面会覆盖 app.json 的 window 中相同的配置项。如果没有指定的页面配置文件，则在该页面直接使用 app.json 中的默认配置。
　　　　　　.wxml : 视图结构文件，功能就像html文件差不多，用于描述页面结构，只不过它有自己独特的标签，不使用html标签。微信对wxml的全称定义也不是weixin xml，而是WeiXin MarkupLanguage，很霸气的要自成体系感。自然wxss也是WeiXin Style Sheets，一样的希望给人牛逼哄哄的感觉。
　　　　　　.wxss : 视图样式文件，格式跟css文件一样，他在css的基础上扩展了几个特性 比如：尺寸单位 /&样式导入
　　　　5:&项目运行过程：
　　　　　　第一步：加载项目根目录下的 app.js、 app.json、 app.wxss文件，同时会执行app.js文件，并触发其中的onLaunch 和 onShow 函数
　　　　　　第二步：加载app.json中pages数组中配置的第一个页面，作为项目的欢迎页，同时会执行对应页面js文件，并触发 onLoad / onReady 和 onShow 函数
　　　　　　往后：页面可以通过事件与js文件交互，比如 在标签元素上绑定点击事件，并且指向js文件中的一个函数，就能用js中的逻辑去处理这个事件了
& & & & & & &3）提出几个问题
& & & & & & & & 1.移动网站或WebApp能直接改造成小程序
& & & & & & & & & 其实，之所以会保留这个认识，主要是由于过去微信公众号的二次开发经验，很大程度上给到了我们很多人先入为主的观念。
& & & & & & & & &但通过我们上面所分析的第一个问题，可以知道微信小程序本质上就是Html5，但实际上却是一种优化过之后的Html5，这也就意味着绝大多数的移动网站或WebApp直接改造成小程序的难度很大，因为里面有大量的内容需要重写。小程序是相当于重新做了一个App，从开发、设计、测试、运维升级都是单独的一套。哦，你还得加个学习成本和风险，如此新的东西一次搞利索的可能性还真不好说，毕竟小程序现在自己也还是在测试阶段。
& & & & & & & 2.微信小程序能不能做H5小游戏
& & & & & & & & 现阶段看来不行，不过可以做一些轻量的推广用得小游戏功能，一切还要看后面正式版的发布。
最后把微信官方的文档放在这里
各位看官也可以看看我们的作品案例&
阅读(...) 评论()微信小程序如何像webview一样加载html5网页 - HTML5 - web - ITeye论坛
微信小程序如何像webview一样加载html5网页
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
来自: 沈阳
发表时间：&&
最后修改：
相关知识库：
微信小程序如何像webview一样加载html5网页,目前微信暂时还没有开放这个功能,那怎么办呢？
跳转论坛:移动开发技术
Web前端技术
Java企业应用
编程语言技术微信推出小程序（应用号），要颠覆 8 亿人的 App 使用习惯
那头，Google 又发布了一个；
这头，以聊天工具起家、坐拥 8 亿月活跃用户的微信，靠着一个「小程序」内测在业界掀起狂潮。
有人说，这可能是具有里程碑意义的事件。
也许你还不知道我在说什么，也许你已经看了很多相关文章，不管怎样，AppSo（微信号 appsolution）想通过这篇文章告诉你，小程序作为另一种形式的 app，将可能给你的手机使用习惯带来什么变化。
注：在微信号 appsolution 后台回复「解剖微信」可获取微信全套使用指南。
为什么会有小程序？
有人说微信是国民应用，有人说它是「超级流量入口」。怎么解释？
看看你手机的电池用量分析，妥妥排在第一的微信就是解释。
微信是手机时间杀手。人们在微信里聊天、社交、阅读、付款、买东西、玩游戏……怪不得说，微信是一种生活方式。
而小程序一出，可以想见，微信又要进化了。
想一想，每次你换一部手机，或者重新安装系统，都要做什么事情？
搜索应用，下载应用，恢复数据，重新登录账号……但很多情况下，你下载一个应用，只不过是为了其中一个功能。
与之对比，我身边有些朋友，并不会为了打车去下载一个 app，而是打开微信里的「滴滴打车」就把这事给完成了。这种以网页形式内置于微信里的功能，其实就是「小程序」的前身。
在 2016 年年初的微信公开课上，张小龙在他首场公开演讲就剧透了小程序（当时叫应用号）：
我们希望存在一种新的公众号的形态，这种形态下面用户关注了一个公众号，就像安装了一个 app 一样，他要找这个公众号的时候就像找一个 app 一样，进去使用这个公众号。在平时这个号不会向用户发东西，所以 app 就会很安静地存在那里，等用户需要的时候找到它就好了。这样的话我们可以尝试做到让更多的 app 有一种更轻量的形态，但是又更好使用的一种形态来存在。这是我们在探讨的一种新的公众号形态，叫应用号。
那么，小程序到底是什么？
在小程序正式发出内测后，张小龙在朋友圈发了个状态：
小程序是一种不需要下载安装即可使用的应用，它实现了应用「触手可及」的梦想，用户扫一扫或者搜一下即可打开应用。也体现了「用完即走」的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载。
怎么理解这个概念？
下载安装 app 太麻烦了，微信的小程序就可以满足你；
安装 / 卸载 / 使用小程序，就像关注 / 取关 / 进入公众号一样简单；
你用完就可以走，不用担心装个 app 占你空间；
由于「小程序」还是个非常新的东西，AppSo（微信号 appsolution）会根据现有的信息，尽可能向你解释它是个什么东西：
它其实就是网页应用，跟微信里的购物、打车功能没有本质区别；
相比普通的网页应用，它的加载速度更快，号称体验接近原生 app；
你可以把它理解为在网页和原生应用之间取得平衡的一种形态；
它只能通过微信使用，只能在微信中运行，不会在手机桌面上有图标；
用户可以通过登录微信账号来找回应用数据；
小程序不像 HTML5 页面一样，关闭之后就没有了，如果在微信里关闭小程序或者点击 Home 键暂时放到后台，再次打开后还会保持一段时间之前的状态。这比 HTML5 应用方便，又有部分原生应用的性能；
经过微信封装，可以更好地调用本地数据和功能，比如定位、录音等等；
爱范儿在第一时间拿到小程序的内测资格，并用一个上午的时间，将旗下电商平台玩物志（）的服务接入了微信小程序平台，这也是全平台第一个微信小程序。
此前玩物志的用户需要通过访问移动版网页来购物，虽然可以顺利完成购买，但体验相比原生应用还是逊色不少，因为页面的每一次加载都需要时间。
接入小程序后，我们发现加载速度有了大幅提升，过渡动画也更加「原生」。
小程序的界面（左图）也比在微信打开一个网页（右图）要和谐不少。
「玩物志」小程序（调试版）的更多截图：
小程序意味着什么？
如果说微信以前是你拿到新手机后下载的第一个应用，将来，当你装好了微信你就有了很多个「应用」，这些应用就是「小程序」。
我们预计微信里会有一个类似 App Store 的东西，你将可以在里面找到自己需要的「小程序」。
你可以通过它们来完成一些快速、简单的任务，并且有类似原生应用的体验。另外一个好处在于，小程序是全平台通用的，只要你登录微信就能使用。
不过，既然是「小程序」，也意味着它的能力有限。它没办法有华丽的动画、强大的功能，如果你希望它做到跟原生应用一样的事情，那是不太可能的。
此外，它也可能存在着一些问题。
小程序一出，「微信就是操作系统」的声音不绝于耳。但微信毕竟还是个 app，如何为用户呈现小程序，如何让用户便捷地进入小程序，如何处理好社交、通知、小程序之间的关系都还是未解之谜。
另外，虽然小程序的开发成本相比原生 app 低了不少，但小程序不能在微信之外运行，目前也不确定小程序能否获取微信的用户数据…… 开发者是否要将自己的命运完全交到微信手上，也是一个值得考量的问题。
听说行业有不少人喜欢吵「原生应用和网页应用哪个更好」的问题，我们觉得，真没什么好吵的。
对用户来说，这并不需要什么「艰难的选择」。网页应用很轻量，原生应用更全面，对不同产品而言，适合的形态当然也就不同——每个人都会找到适合自己的鞋。
微信小程序的出现，无疑是个新的机会，如果顺利的话，我们会看到类似公众号生态的蓬勃发展；
然而这并不意味着原生应用会就此消亡，我们认为在此之中蕴藏着很多的创造力，并乐于在此之中看到更多的创意、形态、模式。
对我们来说，无论原生应用、小程序、网页应用，其实都是 app，都是数字生活的一部分。只要是能让生活更好的产品，AppSo 就会为大家去发现和推荐，做数字生活的引路人。
AppSo 会持续观察小程序及整个行业的发展，期待开发者们继续展现才华，期待更多惊喜的出现。
本文由让手机更好用的 AppSo 原创出品。微信关注 appsolution，后台回复「解剖微信」获取微信的全套使用指南。
有好的产品或者项目希望我们报道，猛戳这里
2088文章总数
全新爱范儿 App 现已适配
Android 及 iPhone
使用微信扫码关注爱范儿微信公众号
关注爱范儿微信号，连接热爱，关注这个时代最好的产品。
想让你的手机好用到哭？关注这个号就够了。
关注玩物志微信号，就是让你乱花钱。