中国自主开发操作系统曝光:界面类似安卓

[导读]该系统可以覆盖个人电脑、智能终端等平台,目前已有超过10万个应用。

var flash_vid = 'u0013lpv7bw', flash_title = '中国自主开发操作系统COS发布 欲打破国外垄断', flash_pic = 'http://www.techweb.com.cn/news/2014-01-16/https:/image.techweb.com.cn/upload/roll/2014/01/17/201401175831_1017.jpg', flash_hits = '10295', showVideoPic = false, flash_url = 'http://v.qq.com/page/u/b/w/u0013lpv7bw.html', flash_type = '1'; #sidebar{ float: right; width:343px; position: relative; height:556px; border-left:1px solid #4b4b4b; background:#383838; } .nowPlay { color:#fff; font-size:14px; padding:9px 16px 6px; font-weight: bold; background:#2F2F2F; } #Cnt-Main-Article-QQ .nowPlay p { margin-bottom: 0; color:#fff; } #video_box{ float: left; width: 640px; height:518px; overflow:hidden;} .video_list{ float: right; width: 342px;position:absolute; left: 0; top: 43px; } .video_list ul { background:#383838; *zoom:1; } .video_list li{ height: 102px; } .list_box{ padding: 10px 10px 18px 17px; height: 47px;} .list_box p{ color: #d3d3d3; font-size: 14px; margin-top: 4px;} .bt{ line-height: 24px;} .bt span{ float: left; color: #8a8a8a;} .bt em{ float: right;font-family:simsun} .live{ display: block;float: none;background: url(images/live.png) no-repeat right;padding-right: 37px;} .list_box_over{ padding: 11px 13px 13px 17px; } .v_img{ float: left; position: relative; margin-right: 10px; display: inline; } .v_img p{ position: absolute; bottom: 0px; left: 0px;background-color: rgba(0,0,0,.7);width: 98px;} .v_img p span{ background: url(images/v_Icon.png) no-repeat 0px 2px; text-align: center; margin-left: 8px; padding-left: 15px; color: #cfb28c;} .v_intr span{ color:#fff; font-size:12px; } #Cnt-Main-Article-QQ .v_intr p{ color: #666666; margin-top: 4px; line-height: 22px; font-size:12px; margin-bottom:0;} #scr{ width: 8px; background-color:#4b4b4b; position: absolute; height: 470px; right:0;top:0; } #scr span { display:block; width:8px; height:40px; background:#818181;position: absolute; } .listvideoNLayout { overflow-x: hidden; overflow-y: auto; scrollbar-arrow-color: #61605d; scrollbar-face-color: #818181;scrollbar-darkshadow-color: #1e1d1b;scrollbar-highlight-color: #818181;scrollbar-3dlight-color: #1e1d1b;scrollbar-shadow-color: #818181;scrollbar-track-color: #4b4b4b; } .listvideoNLayout::-webkit-scrollbar{width:8px} .listvideoNLayout::-webkit-scrollbar-button{display:none} .listvideoNLayout::-webkit-scrollbar-button:vertical:end:increment{display:block;height:8px;background-color:#383838} .listvideoNLayout::-webkit-scrollbar-track{height:200px;background-color:#383838;border-radius:3px} .listvideoNLayout::-webkit-scrollbar-track-piece:vertical:start{width:4px;background:#4B4B4B} .listvideoNLayout::-webkit-scrollbar-track-piece:vertical:end{width:4px;background:#4B4B4B} .listvideoNLayout::-webkit-scrollbar-thumb:vertical{background:#818181;cursor:pointer} #video_btn:hover { background-color:#fb9004; } .video_btn { position:absolute; left:641px; height:558px; width:15px; border-right:1px solid #262626; background-color:#383838; background-image: url(); background-repeat:no-repeat; background-position:center; } .nowLive { background:#1c1c1c; } .nowLive .v_intr span { color:#FF7900; font-size:12px; } .video_btn:hover { background-image: url(); background-repeat:no-repeat; } .video_btn_right { background-image:url();} .video_btn_right:hover { background-image: url(); background-repeat:no-repeat;} .list_box_over_cur { background:#272727; } #sidebar { position:absolute; left:656px; } .relativeVideo { position:absolute; float: left; } #ch { height:106px; } #Cnt-Main-Article-QQ { z-index:1; } .reltit h3 { float:left; width:auto; padding-right: 48px; } .reltit .v_close { position:static; padding-left:0; } #icon_v_close { position:static; float:left; margin-top: 9px; *margin-top: 7px; width: 19px; } .relativeVideo, .relInfo, .relVideo { z-index: 1; } #mod_player { float:left; position:static; } .convideo { float:left; width:640px; } .tjvideo { float:left; width:640px; border-top:1px solid #303030;font-size: 14px; padding-left:10px; } .tjvideo span { float:left; color:#FC8D00; font-weight:bold; line-height:38px; } #invideocon .tjvideo ul { float:right; width:360px; font-size:14px; line-height:38px; margin-bottom:0; } #invideocon .tjvideo ul a,#invideocon .tjvideo ul a:visited,#invideocon .tjvideo ul a:link,#invideocon .tjvideo ul a:active { color:#fff; border:none; } #invideocon .tjvideo ul a:hover { color:#FC8D00; } #showHotBox { float:left; width:439px; } 中国自主开发操作系统COS发布 欲打破国外垄断

时长:2'28''

播放:10295

来源:央视网

中国自主开发操作系统COS发布 欲打破国外垄断收起 推荐视频: 自动播放下一条

正在播放

//最新推荐数据的方法 var showTvData = {}; qq.getScript('http://mat1.gtimg.com/www/js/tcomment/jquery-1.6.2.min.js', function(){ jQuery.noConflict(); //滚动上报 // 处理滚动条和绑定上报 var _reportISfirst = false; var _algfilever; var _algsubver; var _algver; var _reportARR = []; var dynaHadReport = {}; var _vidDatas = {}; var _automatic = true;//判断是否重播 //判断是否选中连续播放的按钮 jQuery('input[action-type=select_video]').bind('click',function(){ var check = jQuery(this).is(':checked'); if(check){ _automatic = true; }else{ _automatic = false; } }); var scrollPostData = function(){ var $lis = jQuery("#listvideoN li"); var $lisKey = $lis.eq(3); var fold = $lisKey.offset().top + $lisKey.height(); $lis.first().attr('_pageindex', 1); // 上报基础信息 var request = {}; request.vid = flash_vid; request.pageindex = 1; request.ctype = 9; request.cmd = 1803; request.val2 = 9; request.int1 = (_algfilever || 0); request.int2 = (_algver || 0); request.int3 = (_algsubver || 0); request.t = (new Date()).getTime(); var creatIMG = function(request){ var img1 = document.createElement("img"); img1.src = 'http://rcgi.video.qq.com/web_report?cmd='+ request.cmd +'&vid='+ request.vid +'&host='+ARTICLE_INFO.site+'.qq.com&ctype='+request.ctype+'&int1='+request.int1+'&int2='+request.int2+'&int3='+request.int3+'&val2='+request.val2+'&str2='+request.pagevids+'&itype=0&_='+request.t+'&val=1&str1=0'; }; // 上报第一页 request.pagevids = $lis.first().attr('vid')+ '+' + _vidDatas[1].join('+'); //request.pagevids = request.pagevids.substring(0, _vidDatas.length - 1); creatIMG(request); // 延迟加载 jQuery('[node-type=listvideoNLayout]').scroll(function(){ $lis.each(function(i, element) { var $li = jQuery(this); var liTop = $li.offset().top; if (fold >= liTop) { // 上报曝光的数据,5个为一组上报 var pageIndex = $li.attr('_pageindex'); if (!!pageIndex) { request.pageindex = pageIndex; request.pagevids = _vidDatas[pageIndex].join('+'); //request.pagevids = request.pagevids.substring(0, request.pagevids.length); } // 上报过的分页不再上报 if (!dynaHadReport[pageIndex] && pageIndex != 1) { request.cmd = 1803; creatIMG(request); dynaHadReport[pageIndex] = []; } } }); return false; }); }; /** * 统计上报 * @param {String} act 操作行为[show/click] * @param {Number} type 上报类型 * @param {String} str2 统计目标的数据 */ var _report = function(act,type,option,str2,str1) { var self = this, url, data, cmd, isLazy; if (!type) { return; } str2 = str2 || ''; str1 = str1 || '0'; if (act == 'show') { isLazy = false; if (option.vid) { cmd = '1803'; } else { cmd = '1801';//只有专辑有多类型,新旧版统计不一样 } } else if (act == 'click') { isLazy = true; if (option.vid) { cmd = '1804'; } else { cmd = '1802';//只有专辑有多类型,新旧版统计不一样 } } data = { cmd: (cmd || 1803), vid: option.vid, itype: 0, ctype: 9, str2: encodeURIComponent(str2), val2: type, idx: 0, int1: (_algfilever || 0), int2: (_algver || 0), int3: (_algsubver || 0), t: (new Date()).getTime() }; var img1 = document.createElement("img"); img1.src = 'http://rcgi.video.qq.com/web_report?cmd='+ data.cmd +'&vid='+ data.vid +'&host='+ARTICLE_INFO.site+'.qq.com&ctype='+data.ctype+'&int1='+data.int1+'&int2='+data.int2+'&int3='+data.int3+'&val2='+data.val2+'&str2='+data.str2+'&itype=0&_='+data.t+'&val=1&str1='+str1+''; }; //bosszone 统计 var tongji_1 = function (type){ var bossID = 1604; var expicNews; var userQQ = UI.cookie("o_cookie") ? UI.cookie("o_cookie") : ''; if(type == 'show'){ expicNews = 'EXrvideoList'; bossID = 1604 }else{ expicNews = 'rvideoList'; bossID = 1408 } var iurl = 'http://btrace.qq.com/collect?sIp=&iQQ=' + userQQ + '&sBiz=' + 'tvlist' + '&sOp='+ expicNews +'&iSta=&iTy=' + bossID + '&iFlow=&sUrl=' + escape(location.href) + '&iBak=&sBak=&ran=' + Math.random(); gImage_1 = new Image(1,1); gImage_1.src = iurl; } //获取自定义属性值 var dataProcess = function(actionData, name) { var d = actionData; var arr = d.split("&"); var data = {}; for (var i = 0; i < arr.length; i++) { var t = arr[i].split("="); var s1 = t[0], s2 = t[1]; data[s1] = s2; if (s1 == name) { return data[s1]; } } return data; }; ///相关视频开始 //获取高度 var _css = function (el, prop) { return parseInt(jQuery.css(el[0], prop)) || 0; }; var _height = function (el) { return el[0].offsetHeight + _css(el, 'marginTop') + _css(el, 'marginBottom'); }; //创建视频 var t, videoInfo, videoPlayer, _vIn, _vOut, showVideoPic, _vedeoCurr = 0, isFirstVideo = false, isShowVideoList = false, isFirstTv = false, initShowVideo = null, isShowTvBox;//判断是否是展开的模式 var showVideo = function(autoplay){ qq.getScript('http://qzs.qq.com/tencentvideo_v1/js/tvp/tvp.player.js', function(){ var pram = dataProcess(jQuery('#listvideoN li').first().attr('action-data')); videoInfo = new tvp.VideoInfo(); videoInfo.setVid(pram.id); videoInfo.setTitle(pram.title); videoPlayer = new tvp.Player(640, 518); videoPlayer.setCurVideo(videoInfo); videoPlayer.addParam('autoplay', autoplay); videoPlayer.addParam("adplay", 0); videoPlayer.addParam("pic", flash_pic); videoPlayer.addParam("wmode","transparent"); //渲染视频播放列表 初始化滚动事件 var videos = []; var parm = {}; jQuery('#listvideoN li').each(function(i){ var data = dataProcess(jQuery(this).attr('action-data')); videos.push({vid:data.id,title:data.title}); _reportARR.push(data.id); }); var running = false; var ul = jQuery('#listvideoN'); var li = jQuery("li", ul); var itemLength = li.size(); var ulSize = liSize * itemLength; var scroll = 1;//滚动几个 _vedeoCurr = 0;//从第几个开始 var v = 4;//默认显示几个 ul.css({ margin: "0", padding: "0", position: "relative", "list-style-type": "none", "z-index": "1" }); var liSize = _height(li); jQuery('div[node-type=listvideoNLayout]').css({ position: "relative", height:511+'px', width:'342px' }); //自动播放滚动动画 function go(to){ var T = to * liSize; if(to > 1){ var pos = jQuery("li", ul).eq(_vedeoCurr-1).position(); jQuery('[node-type=listvideoNLayout]').scrollTop(pos.top); } if(_automatic){ jQuery("li", ul).removeClass('list_box_over_cur'); jQuery("li", ul).eq(to).addClass('list_box_over_cur'); } }; //视频播放回调 videoPlayer.onplaying = function(vid){ //只上报一次数据 if(!_reportISfirst){ var vid_arr = _reportARR.slice(0,4); _reportISfirst = true; //bossZone 统计 tongji_1('show'); //滚动统计 if(jQuery('#listvideoN').children().length > 4){ scrollPostData(); }else{ _report('show',9,{vid:flash_vid},vid_arr.join('+'),'0'); } }; var videotitleN = jQuery('#videotitleN'); var data = dataProcess(jQuery("#"+videoPlayer.getCurVideo().getVid()).attr('action-data')); //展开右侧 if(!isFirstVideo){ jQuery('#invideocon').css({width:'1000px'}); jQuery('#relVideo').css({width:'1000px'}); jQuery('#video_btn').removeClass('video_btn_right'); jQuery('#video_btn').addClass('isShowTv'); isFirstVideo = true; } //动态更换title videotitleN.attr('href',data.url); videotitleN.html(data.title); var listvideoNList = jQuery('#listvideoN li'); listvideoNList.removeClass("list_box_over_cur nowLive"); //判断用户是否选中为自动播放状态 jQuery("#"+videoPlayer.getCurVideo().getVid()).addClass("list_box_over_cur nowLive"); //判断是否已经收起视频 if(!isShowTvBox){ itShowVideo.showTv(); }else{ itShowVideo.hideTv(); } }; //下一集播放 videoPlayer.ongetnext = function(vid){ if(itemLength > 4){ _vedeoCurr++; go(_vedeoCurr); } var nextvid = ""; var nextTitle = ""; _flashplayer_continueToPlay = true; for(var i = 0;i < videos.length;i++){ if(videos[i].vid == vid && i < videos.length-1){ nextvid = videos[i+1].vid; nexttitle = videos[i+1].title; break; } }; //统计 _report('click',9,{vid:flash_vid},nextvid,'3'); //bossZone 统计 tongji_1('show'); videoInfo.clear(); videoInfo.setVid(nextvid); videoInfo.setTitle(nextTitle); //判断用户是否选中为自动播放状态 if(_automatic){ return videoInfo; }else{ return null; } }; videoPlayer.write("mod_player"); isFirstTv = true; }, 'utf-8', true); return { hideTv:function(){ videoPlayer.pause(); }, showTv:function(){ videoPlayer.play() } } accessPlayer = 1; if(qq.G('focusHub')){ qq.G('focusHub').focus(); } }; //初始化视频列表数据 var createVideoList = { init:function(){ jQuery.ajax({ url:'http://sns.video.qq.com/fcgi-bin/recommand?id='+ flash_vid +'&tablist=9&playright=2&size=24&uin=258227345&otype=json', dataType:'jsonp', jsonp:'callback', scriptCharset : 'utf-8', success:function(json){ var page = 0; var pageIndex = 1; var html = []; var parm = {}; var data = json.tablist; var getVidData = []; if(flash_hits == 0){ html.push(createVideoList.str({id:flash_vid,title:flash_title,picurl:flash_pic,vv:'',playurl:flash_url,imgsrc:flash_pic,page:1})); }else{ html.push(createVideoList.str({id:flash_vid,title:flash_title,picurl:flash_pic,vv:'播放:'+flash_hits,playurl:flash_url,imgsrc:flash_pic,page:1})); } if(json && data){ if(data.length > 0){ var list = data[0].cover_info; _algfilever = data[0].algfilever; _algsubver = data[0].algsubver; _algver = data[0].algver; var liPage = 5; var j = 0; var pageIndex = 0; for(var i = 0;i < list.length;i++){ parm = { id:list[i].id, title:list[i].title, playurl:list[i].playurl, picurl:list[i].picurl, vv:'播放:'+list[i].vv || '', imgsrc:list[i].pic2url, act:'click' }; //分组数据 if(i%liPage === 0){ j++; pageIndex++; _vidDatas[j] = []; } parm.page = pageIndex; _vidDatas[j].push(list[i].id); html.push(createVideoList.str(parm)) } } } jQuery('#listvideoN').html(html.join('')); //判断是否自动播放 var video = qq.G('relVideo'), txt = qq.G('relInfo'); if(flash_type == 1){ isShowTvBox = false; video.style.cssText = 'width:656px; height:588px; display:block'; txt.style.cssText = 'height:0'; qq.G("invideocon").style.cssText = 'width:656px;' qq.G('ch').style.height = '588px'; initShowVideo = new showVideo(); //isShowTvBox }else{ isShowTvBox = true; video.style.cssText = 'height:0;'; txt.style.cssText = 'height:105px; display:block'; initShowVideo = new showVideo(); } //点击播放按钮 qq.EA(qq.G('relInfo'), 'click', function(){ var video = qq.G('relVideo'), txt = qq.G('relInfo'); isShowTvBox = false; txt.style.display = 'none'; //qq.showOpacity(video, 200, 20); video.style.width = '656px'; video.style.display = 'block'; qq.G('ch').style.height = '588px'; jQuery('#relVideo').animate({ height:588 },100,function(){ initShowVideo.showTv(); }); jQuery('div[node-type=listvideoNLayout]').css({ position: "relative", height:'511px', width:'342px' }); //默认是否展示右侧的数据 if(!isShowVideoList){ qq.G('invideocon').style.width = '1000px'; qq.G('relVideo').style.width = '1000px'; qq.G('video_btn').className = 'video_btn isShowTv'; } }); } }); }, str:function(data){ var html = ''+ ''+ '

'+ ''+ ''+ ''+data.title+''+ '

'+data.vv+'

'+ ''+ ''+ ''; return html; } }; createVideoList.init(); qq.EA(qq.G('v_colse'), 'click', function(){ isShowTvBox = true; if (!jQuery('#relVideo').is(":animated")) { qq.G('relVideo').style.height = '1px'; qq.G('relInfo').style.display = 'block'; qq.G('relInfo').style.height = '105px'; qq.G('ch').style.height = '105px'; qq.showOpacity(qq.G('relInfo'), 200, 50); qq.G('invideocon').style.width = '660px' initShowVideo.hideTv(); } }); qq.EA(qq.G('relInfo'), 'mouseover', function(){ qq.addClass(qq.G('relInfo'), 'relStatus'); }); qq.EA(qq.G('relInfo'), 'mouseout', function(){ qq.removeClass(qq.G('relInfo'), 'relStatus'); }); if(qq.G('moreTvBtn') && qq.G('moreTv')){ var mbtn = qq.G('moreTvBtn'), mList = qq.G('moreTv') qq.EA(qq.G('relVideo'), 'mousemove', function(){ mbtn.style.visibility = 'visible'; }); qq.EA(qq.G('relVideo'), 'mouseout', function(){ mbtn.style.visibility = 'hidden'; }); qq.EA(mbtn, 'mouseover', function(e){ clearTimeout(_vOut); if(!_vIn) { qq.animate(qq.G('moreTv').style, 'right', -339, 0, 50); mbtn.style.visibility = 'hidden'; _vIn = true, _vOut = null; } }); qq.EA(mList, 'mouseover', function(e){ clearTimeout(_vOut); }); qq.EA(mList, 'mouseout', function(e){ clearTimeout(_vOut); _vOut = setTimeout(function(){qq.animate(mList.style, 'right', 0, -339, 50); mbtn.style.visibility = 'hidden';}, 500); _vIn = false; }); qq.B.ie6 && qq.each(qq.GT(mList, 'li'), function(a, b){ a.onmouseover = function(){ this.className = 'hover'; } a.onmouseout = function(){ this.className = ''; } }); } //播放相关视频 var listvideoN = jQuery('#listvideoN'); listvideoN.delegate('li','click',function(e){ e.stopPropagation(); e.preventDefault(); var self = jQuery(this); var act = self.attr('act'); if(!self.hasClass('nowLive')){ var data = dataProcess(self.attr('action-data')); var title = data.title || ''; var id = data.id; _vedeoCurr = self.index() == 0 ? 0 : self.index(); videoInfo.clear(); videoInfo.setVid(id); videoInfo.setTitle(title); videoPlayer.play(videoInfo); //判断是否列表第一个不给上报 if(act == 'click'){ _report('click',9,{vid:flash_vid},id,'0'); //bossZone 统计 //tongji_1('click'); } //数据上报 registerZone2({bossZone:'rvideoList',url:''},1); } }); listvideoN.delegate('li','mouseenter',function(e){ jQuery(this).addClass('list_box_over_cur'); }); listvideoN.delegate('li','mouseleave',function(e){ jQuery(this).removeClass('list_box_over_cur'); }); jQuery('#video_btn').bind('click',function(e){ if(!jQuery(this).hasClass('isShowTv')){ //统计代码 if(!_reportISfirst){ var vid_arr = _reportARR.slice(0,4); _reportISfirst = true; //bossZone 统计 tongji_1('show'); //滚动统计 if(jQuery('#listvideoN').children().length > 4){ scrollPostData(); }else{ _report('show',9,{vid:flash_vid},vid_arr.join('+'),'0'); } } jQuery('#invideocon').css({width: '1000px'}); // jQuery('#sidebar').show(); jQuery('#relVideo').css({width:'1000px'}); jQuery(this).removeClass('video_btn_right'); jQuery(this).addClass('isShowTv'); }else{ jQuery('#invideocon').css({width: '656px'}); //jQuery('#sidebar').hide(); jQuery('#relVideo').css({width:'1000px'}); jQuery(this).addClass('video_btn_right'); jQuery(this).removeClass('isShowTv'); } }); ///相关视频结束 //展示最新推荐 (function(){ var Jsonp={ loadScript: function(url){ var script = document.createElement("script"); script.type = "text/javascript"; if(script.readyState){ script.onreadystatechange = function(){ if(this.readyState == "loaded" || this.readyState == "complete"){ this.onreadystatechange = null; document.body.removeChild(this); } }; }else { script.onload = function(){ document.body.removeChild(this); }; } script.setAttribute('src', url); document.body.appendChild(script); }, encodeParameters: function(arg,parameters){ var paras = []; for (parameter in parameters){ paras.push(escape(parameter) + "=" + escape(parameters[parameter])); } return paras.length > 0? (arg == -1 ? '?':'&')+paras.join('&'):''; }, request: function(url, param){ if(typeof url === 'string') var str = url.indexOf('?'); this.loadScript(url + this.encodeParameters(str,param) ); } }; //请求数据 showTvData.getData = function(json){ var parm = {}; var doc = document; var showBox = doc.getElementById('hotRecommendedComent'); var showPrent = doc.getElementById('showHotBox'); if(json && json.data){ if(json.data.length > 0){ parm = { vid:json.data[0].vid || '', title:json.data[0].title || '' }; showBox.innerHTML = parm.title; showBox.href = "http://v.qq.com/news/?vid="+parm.vid; setTimeout(function(){ showPrent.style.display = "block"; },1000) } } }; Jsonp.request('http://v.qq.com/c/todayHot.js', { "callback": "showTvData.getData", "t": new Date().getTime() }); })() });

腾讯科技讯 中科院于15日发布的国产自主操作系统近日显露真身。在视频中我们可以看到,这套系统的操作界面和安卓类似,并且内置了日常应用和部分主流游戏。

这套自主操作系统命名COS(China Operating System),根据中科院的介绍,它可以覆盖个人电脑、智能终端等平台,目前已有超过10万个应用。COS不开源,主打安全,有且只有一个应用入口,类似App Store。

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://acg.inmoke.com/zixun/Jk/1819.html