资料汇总贴

ecoolper · 发表于 2016-8-17 19:25:50

【Wow, such a lovely HTML5 danmaku video player】
https://github.com/DIYgod/DPlayer

ecoolper · 发表于 2016-9-6 18:08:47

使用html5中video自定义播放器必备知识点总结以及JS全屏API介绍

一、video的js知识点：

controls(控制器)、autoplay(自动播放)、loop(循环)==video默认的；

自定义播放器中一些JS中提供的方法和属性的记录：

1、play()控制视频的播放

2、pause()控制视频的停止

3、currentTime控制视频的当前时间

4、muted控制视频是否静音(赋值true or false)

5、volume控制音量的大小(赋值0-1)

6、duration视频的总时间

7、ontimeupdate事件(当前播放位置改变时执行，使用时要绑定addEventListener)

8、requestFullscreen全屏

二、全屏API介绍

浏览器全屏API简史

1、第一个实现浏览器原生全屏API的是在Safari 5.0（和iOS）中添加的webkitEnterFullScreen()函数，不过它只能在Safar的<video>标签的controls中。

2、在Safari 5.1中，苹果更新了这个API使它更接近于Mozilla的全屏API草案(实际上这要比苹果实现的更早)，现在，所有的DOM元素都可以调用webkitRequestFullScreen()函数使HTML页面进入到全屏模式。

3、Firefox和Chome宣布它们将会添加原生的全屏API支持，而且这个特性已经在Chome 15+以及Firefox10+中实现,Mozilla团队已经发布了一些。

4、在2011年10月15日，W3C发布了一份全屏API草案（由Opera团队的一名成员编写），它跟Mozilla的草案有两个主要的不同点：

Mozilla/Webkit使用大写字母’S'（FullScreen），但W3C则不是（Fullscreen）
Mozilla/Webkit使用cancelFullScreen，W3C使用exitFullscreen

5、更新 (11/15/2011)：来自IEBlog的Ted Johnson说IE10将不会支持全屏API (12/05/2011: 我对Ted的第一封email理解错了)IE10的开发团队还没有决定是否要实现全屏API。不过，他指出：Win8的 Metro风格的Internet Explorer始终是全屏状态，正如以前那样，按F11键即可进入全屏模式。

浏览器全屏API

要进入全屏模式，可以调用需要进入全屏元素的requestFullScreen（或者W3C的 requestFullscreen）方法。。要退出全屏，则调用document对象的cancelFullScreen（或者W3C的exitFullscreen）方法。

代码：

全屏

var docElm = document.documentElement;
//W3C
if(docElm.requestFullscreen){

docElm.requestFullscreen();

}
//FireFox
else if (docElm.mozRequestFullScreen) {

docElm.mozRequestFullScreen();

}
//Chrome等
else if (docElm.webkitRequestFullScreen) {

docElm.webkitRequestFullScreen();

}
//IE11
else if (elem.msRequestFullscreen) {

elem.msRequestFullscreen();

}

退出全屏

if (document.exitFullscreen) {

document.exitFullscreen();

}

else if (document.mozCancelFullScreen) {

document.mozCancelFullScreen();

}

else if (document.webkitCancelFullScreen) {

document.webkitCancelFullScreen();

}

else if (document.msExitFullscreen) {

document.msExitFullscreen();

}

监听是否全屏

document.addEventListener("fullscreenchange", function(){

fullscreenState.innerHTML = (document.fullscreen)? "" : "not ";}, false);

document.addEventListener("mozfullscreenchange", function () {

fullscreenState.innerHTML = (document.mozFullScreen)? "" : "not ";}, false);

document.addEventListener("webkitfullscreenchange", function () {

fullscreenState.innerHTML = (document.webkitIsFullScreen)? "" : "not ";}, false);

document.addEventListener("msfullscreenchange", function () {

fullscreenState.innerHTML = (document.msFullscreenElement)? "" : "not ";}, false);

全屏是的样式设置

html:-moz-full-screen {
background: red;
}
html:-webkit-full-screen {
background: red;
}
html:fullscreen {
background: red;
}

ecoolper · 发表于 2016-9-16 14:24:51

daocache配置信息

为NutDao提供缓存支持,SQL级别的缓存

适用性: 1.b.38以上的版本理论上可用, 1.b.50以上的版本测试过

var ioc = {
dataSource : {
type : "com.alibaba.druid.pool.DruidDataSource",
events : {
create : "init",
depose : 'close'
},
fields : {
url : "jdbc:mysql://127.0.0.1:3306/x5",
username : "root",
password : "x5",
testWhileIdle : true,
validationQuery : "select 1",
maxActive : 100
}
},
dao : {
type : "org.nutz.dao.impl.NutDao",
args : [ {
refer : "dataSource"
} ],
fields : {
executor : {
refer : "cacheExecutor"
}
}
},
cacheProvider : {
type : "org.nutz.plugins.cache.dao.impl.provider.MemoryDaoCacheProvider",
fields : {
cacheSize : 10000
},
events : {
create : "init"
}
},
cacheExecutor : {
type : "org.nutz.plugins.cache.dao.CachedNutDaoExecutor",
fields : {
cacheProvider : {
refer : "cacheProvider"
},
cachedTableNames : [ "baseset","Token" ],
}
}
};

复制代码

ecoolper · 发表于 2016-9-30 16:03:17

customeRefresh新写法

Model.prototype.dataMainCustomRefresh = function(event) {
var dfd = $.Deferred(); // 新建一个Deferred对象
var doRefresh = function(event, dfd) {
justep.Baas.sendRequest({
"url" : "/ecoolper/st/scene",
"action" : "analysis/store/summary",
"async" : true,
"params" : {},
"success" : function(table) {
event.source.loadData(table, event.options.append);
dfd.resolve(); // 改变deferred对象的执行状态
}
});
return dfd.promise(); // 返回promise对象
}(event, dfd);
event.promise = $.when(doRefresh);
};

复制代码

freedomme · 发表于 2016-9-30 17:56:47

不错，感谢楼主贡献

ecoolper · 发表于 2016-10-4 12:21:24

CustomSave新写法

Model.prototype.dataMainCustomSave = function(event) {
var dfd = $.Deferred();
var doSave = function(event, dfd) {
server.sendRequest({
"url" : "/ecoolper/st/activityPage",
"action" : "saveAction",
"async" : true,
"params" : {
table : event.source.toJson(true)
},
"success" : function(){
dfd.resolve();
}
});
return dfd.promise();
}(event, dfd);
event.promise =$.when(doSave);
};

复制代码

Masion · 发表于 2016-10-4 14:50:59

楼主牛逼

非常赞成把笔记放在论坛里，利人利己

ecoolper · 发表于 2016-10-5 20:22:13

注意：data组件需要添加version字段，不然有可能出现未知错误

ecoolper · 发表于 2016-10-31 23:59:13

mysql支持表情：

Variable_name | Value |
+--------------------------+-----------------+
| character_set_client | utf8mb4 |
| character_set_connection | utf8mb4 |
| character_set_database | utf8mb4 |
| character_set_filesystem | binary |
| character_set_results | |
| character_set_server | utf8mb4 |
| character_set_system | utf8 |
| character_sets_dir |

复制代码

ecoolper · 发表于 2016-11-9 11:29:25

本帖最后由 ecoolper 于 2016-11-9 11:31 编辑

var rows = dataDetail.datas.get();
for (var i = 0; i < rows.length; i++) {
if (rows[i].val("productName").indexOf("锌锭") === -1) {
return true;
}
}

复制代码

		自动登录	找回密码
密码			注册

资料汇总贴

【转帖】http://www.cnblogs.com/duanlianjiang/p/5557015.html

data组件数据循环的另一中写法