2018-04-16

会议直播系统（大屏）项目
1、视频支持全屏播放
嵌套Iframe，要支持全屏播放，需要再iframe 添加属性： allowfullscreen="true" allowtransparency="true"

2、大屏模块设置定时关闭动画

    引用定时器插件：leftTime.min.js
   $.leftTime(timeSet.time, function (d) {//配置参数(单位:s):timeSet.time
        if (!d.status) {
            $('.cotainer').css('visibility', 'visible ');
        }
    }, true);

3、更换二分视窗跳转链接

4、浏览器API暂不支持默认点击全屏（必须手动触发点击）

//进入全屏
function requestFullScreen() {
var de = document.documentElement;
if (de.requestFullscreen) {
de.requestFullscreen();
} else if (de.mozRequestFullScreen) {
de.mozRequestFullScreen();
} else if (de.webkitRequestFullScreen) {
de.webkitRequestFullScreen();
}
}

document.body.addEventListener('click', function () {
    requestFullScreen();
    $(".cotainer").click();
}, false);

image.png

5、每个页面指定锁屏跳转到欢迎界面（使用url判断跳转）

获取url参数
  var common = function () {
        var getQueryString = function (name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
        var r = window.location.search.substr(1).match(reg);
        if (r != null) return unescape(r[2]);
        return null;
  };

获取url:  var returnurl = common.getQueryString('url');
欢迎界面每次执行验证
   if (returnurl ==null) {//跳转到指定的首页
                    window.location.href = "/Screen/Home/Index";
                }else {//从哪里来到哪里去
                    window.location.href = "/Screen/" + returnurl;
      }

image.png

其他界面锁屏跳转欢迎页并传参数
window.location.href = "/Screen/Home/Default?url=/Meeting/Index";

image.png

从内容页跳转锁屏

image.png

锁屏界面如下

image.png

点击跳转动画