中国农业大学融媒体平台

<!DOCTYPE HTML> <html id="V1"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui"> <meta name="renderer" content="webkit"> <meta name="description" content=""> <meta name="keyword" content=""> <title>中国农业大学融媒体平台</title> <link rel="stylesheet" href="/Static/public/util/zui/css/zui.min.css"> <script type="text/javascript" src="/Static/www/util/jquery.js?debug=1697683699975127075"></script> <script type="text/javascript" src="/Static/public/util/zui/js/zui.min.js"></script> <link rel="stylesheet" type="text/css" href="/Static/www/style/public.css?debug=1697683699930612459" /> <link rel="stylesheet" href="/Static/public/util/layer/theme/default/layer.css"> <script type="text/javascript" src="/Static/public/util/layer/layer.js"></script> <script type="text/javascript" src="/Static/public/script/vue.js"></script> <link rel="stylesheet" href="/Static/player/plyr/plyr0509.css"> <script type="text/javascript" src="/Static/player/plyr/flv.min.js"></script> <script type="text/javascript" src="/Static/player/plyr/hls.min.js"></script> <script type="text/javascript" src="/Static/player/plyr/dash.all.min.js"></script> <script type="text/javascript" src="/Static/player/plyr/webtorrent.min.js"></script> <script type="text/javascript" src="/Static/player/plyr/plyr0509.js"></script> <link rel="stylesheet" type="text/css" href="/Static/www/style/vod.css?debug=16976836991665941558" /> <style> .ck-container { padding: 10px; background: #f7f7f9; } /* #Header { background: none; }*/ </style> <style> a:hover,a.focus,a.active,.section-header h2:hover,.common-item:hover a{ color: #29d64e !important; } #header-search-btn { background: #29d64e !important; } </style> <link rel="stylesheet" type="text/css" href="/Static/www/util/swiper/swiper.min.css?debug=16976836992136464665" /><script type="text/javascript" src="/Static/www/util/swiper/swiper.min.js?debug=16976836991792798250"></script> </head> <body> <div id="Header"> <div class="container header-base"> <div class="row"> <div class="col-md-4 col-xs-4"> <div class="clearfix"> <a href="/index" class="header-logo pull-left"><img src="/Storage/image/26dfd92dfe59b494fe98f6a5ea2838d0.png" alt=""></a> </div> </div> <div class="col-md-4 col-xs-6 header-search"> <form action="/search"> <div class="input-group"> <div class="input-control search-box has-icon-left has-icon-right search-example"> <input id="header-search-input" name="header_search" value="" type="search" class="form-control search-input empty" placeholder="搜索"> </div> <span class="input-group-btn"> <button id="header-search-btn"><i class="icon icon-search icon-lg"></i></button> </span> </div> </form> </div> <div class="col-md-4 col-xs-2 header-right text-right"> <a href="/index" class="newmessage-container item-hidden-xs" id="xiaoxi"> <i class="icon icon-home icon-lg" id="shouye"></i> <br /> 首页 </a> <a href="/my?tar=message" class="newmessage-container item-hidden-xs" id="xiaoxi"> <i class="icon icon-bell-alt icon-lg" id="xiaoxi1"></i> <br /> 消息 </a> <a href="/history" class="item-hidden-xs" id="kanguo"> <i class="icon icon-history icon-lg" id="kanguo1"></i> <br /> 看过 </a> <a href="/passport/login" id="denglu"> <i class="icon icon-user icon-lg" id="denglu1"></i> <br /> <span class="item-hidden-xs">登录</span> </a> </div> </div> </div> <div id="mHeadNav" class="hidden-sm hidden-md hidden-lg"> <div class="container"> <div class="menu-swiper-container"> <div class="swiper-container mhead-menu-swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="/index" class="">首页</a> </div> <div class="swiper-slide"> <a href="/vod/index/navi/430" class="">视频资源</a> </div><div class="swiper-slide"> <a href="/tv/index/navi/415" class="">电视直播</a> </div><div class="swiper-slide"> <a href="/activity/index/navi/420" class="">活动直播</a> </div> </div> </div> </div> </div> </div> </div> <script> new Swiper('.mhead-menu-swiper', { slidesPerView: 'auto', spaceBetween: 30 }); </script> <div class="container">  <div class="container-div-station"> <h1 class="page-title"> <font style="color:##353535">西区主楼 </h1> </div> <div> <h5><font style="color: #00b3ff;">发布者：管理员发布日期：2016-01-14 16:12:32</h5> </div>  <div id="vodContent" class="vod-vodcontent"> <div class="vod-playmain" > <div class="EduPlayer"> <div id="playerCnt"> <video id="videoe" playsinline data-poster="http://202.205.93.232:80/oldhls/video/transcode/a05f2d1c88f7666d29bd58883ce9f88b.mp4/master.m3u8"> <source src="http://202.205.93.232:80/oldhls/video/transcode/a05f2d1c88f7666d29bd58883ce9f88b.mp4/master.m3u8" type="video/mp4" /> <source src="http://202.205.93.232:80/oldhls/video/transcode/a05f2d1c88f7666d29bd58883ce9f88b.mp4/master.m3u8" type="video/webm" />  <track kind="captions" label="English captions" src="http://202.205.93.232:80/oldhls/video/transcode/a05f2d1c88f7666d29bd58883ce9f88b.mp4/master.m3u8" srclang="en" default /> </video> <div class="question-container"> </div> </div> </div> <div class="hidden-xs">    <div class="AddonsCt"> <div class="share-container clearfix">  <script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"1","bdMiniList":["copy","qzone","tsina","weixin","tqq","sqq","mail","print"],"bdPic":"","bdStyle":"0","bdSize":"16"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script> <div class="pull-left"> </div>  <div class="edu-content"> <dl class="dl-inline"> <dd style="margin-top: 10px"> <span class="label label-info" title="评论"><i class="icon-comment"></i> 0</span> <span class="label label-danger" title="观看"><i class="icon-eye-open"></i> 40819</span> <span class="label label-success" title="订阅"><i class="icon-star"></i> 0</span> </dd> </dl> </div> </div> </div> </div> </div>   </div>  <div class="vod-summary"> <div class="vod-summary-div"> <div class="vod-summary-div2"> <div class="vod-summary-intr">相关推荐</div> </div>  <div class="row"> <div class="col-sm-2 col-xs-6"> <div class="common-item"> <div class="item-cover"> <a href="/vod/details/id/791/navi/430"> <img src="http://iptv.cau.edu.cn/old/image/2016/06/78558d7af0861d709011ea76d9b3715c.png" alt="" id="image" style="height: 135px;"> </a> </div> <div class="item-info"> <h2><a href="/vod/details/id/791/navi/430">倾听中国农大</a></h2>  </div> </div> </div><div class="col-sm-2 col-xs-6"> <div class="common-item"> <div class="item-cover"> <a href="/vod/details/id/1010/navi/430"> <img src="http://iptv.cau.edu.cn/old/image/2016/06/696775da5f6a430cfbd975c846d9e292.jpg" alt="" id="image" style="height: 135px;"> </a> </div> <div class="item-info"> <h2><a href="/vod/details/id/1010/navi/430">公主楼</a></h2>  </div> </div> </div><div class="col-sm-2 col-xs-6"> <div class="common-item"> <div class="item-cover"> <a href="/vod/details/id/997/navi/430"> <img src="http://iptv.cau.edu.cn/old/image/2016/01/5c109343bb78c5a330b94f5c6fb287b6.jpg" alt="" id="image" style="height: 135px;"> </a> </div> <div class="item-info"> <h2><a href="/vod/details/id/997/navi/430">民主楼</a></h2>  </div> </div> </div><div class="col-sm-2 col-xs-6"> <div class="common-item"> <div class="item-cover"> <a href="/vod/details/id/1008/navi/430"> <img src="http://iptv.cau.edu.cn/old/image/2016/01/3c25f6dfa49a8a75318378d75bdfca02.jpg" alt="" id="image" style="height: 135px;"> </a> </div> <div class="item-info"> <h2><a href="/vod/details/id/1008/navi/430">一亩四园</a></h2>  </div> </div> </div><div class="col-sm-2 col-xs-6"> <div class="common-item"> <div class="item-cover"> <a href="/vod/details/id/1004/navi/430"> <img src="http://iptv.cau.edu.cn/old/image/2016/01/31b180b104aa37fb1d229854fb6e41c9.jpg" alt="" id="image" style="height: 135px;"> </a> </div> <div class="item-info"> <h2><a href="/vod/details/id/1004/navi/430">农科大学老校门</a></h2>  </div> </div> </div> </div> </div> </div> </div> <div id="Footer"> <div class="container"> 中国农业大学网络技术中心运行维护服务热线：62738000 </div> </div> <script> function playRates(ele) { var rate = $(ele).data('value'); var vod = $(".EduPlayer video")[0]; vod.playbackRate = rate; $("#RateTmp li").removeClass("active"); $(ele).addClass("active"); $(".rate-btn").text(rate+"x"); } var isMobile; if (/(iPhone|iPad|iPod|iOS|Android)/i.test(navigator.userAgent)) { isMobile = true; } else { isMobile = false; } /*var target_online ="ws://iptv.cau.edu.cn/websocket_app:80"; //三个判断用于获取ws通信管道（浏览器兼容） if('WebSocket' in window){ new WebSocket(target_online); }else if('MozWebSocket' in window){ new MozMozWebSocket(target_online); }*/ </script> <script src="/Static/public/script/doT.min.js"></script> <script src="/Static/public/util/auplayer/AUplayer.js" charset="utf-8"></script> <script> // var RateTmp = $("#RateTmp")[0].outerHTML; // $("#RateTmp").remove(); // $("#playerCnt").css("height",$("#playerCnt").width() * 9 / 16); // const AuPlayer = new AUplayer("playerCnt", { // "m3u8" : "http://202.205.93.232:80/oldhls/video/transcode/a05f2d1c88f7666d29bd58883ce9f88b.mp4/master.m3u8", // "live": false, // "coverpic":"/old/image/2016/01/7503f2dd4414e75c27a5307b539145ef.jpg", // "width" : "100%", // "height": "auto", // "controls":"", // "autoplay":true, // "flash" : false, // "listener":function (msg) { // if (msg.type == 'load') { // $(".vcp-volume").after(RateTmp); // } // if (msg.type == 'timeupdate') { // $(".question-item").each(function () { // if ($(this).data("status") == "1") { // return true; // } // var time = $(this).data("time"); // if (AuPlayer.currentTime() > time && !$.zui.store.get('que_'+time)) { // que_show(this); // return false; // } // }); // } // if (msg.type == 'resize') { // $("#AuPlayer").css("height","auto"); // } // } // }); var type='normal'; var live=true; var adsable=true; var tagUrl = "http://202.205.93.232:80/oldhls/video/transcode/a05f2d1c88f7666d29bd58883ce9f88b.mp4/master.m3u8"; // var tagUrl = 'http://202.205.93.232.10.10.252:81/vodlive/virlive/vlive_details/cid//disc/true/type/vod/index.m3u8?t='; if(tagUrl.indexOf('.m3u8')>-1){ type='hls'; live=true; } else if(tagUrl.indexOf('magnet:')>-1){ type='webtorrent'; } else if(tagUrl.indexOf('.flv')>-1){ type='flv'; live=true; } else if(tagUrl.indexOf('.mpd')>-1){ type='dash'; } const player = new Plyr(document.getElementById("videoe"), { controls: ['play-large', 'rewind', 'play', 'fast-forward', 'progress', 'current-time', 'mute','volume', 'settings', 'airplay', 'fullscreen'], ratio: '16:9', debug: true, autoplay: false, ads: { enabled: adsable, tagUrl: tagUrl, }, fullscreen: { enabled: true, fallback: true, iosNative: false }, settings:[ 'speed'] }); if (!Hls.isSupported()) { document.getElementById("videoe").src = tagUrl; } else { var hls = new Hls({ liveSyncDurationCount: this.liveSyncDurationCount, loader: this.isP2PSupported ? this.engine.createLoaderClass() : Hls.DefaultConfig.loader }); hls.loadSource(tagUrl); hls.attachMedia(document.getElementById("videoe")); window.hls = hls; // Handle changing captions player.on('languagechange', () => { setTimeout(() => hls.subtitleTrack = player.currentTrack, 50); }); } window.player = player; function que_show(ele){ playerCnt.pause(); $(".question-container").show(); $(ele).show(); } function que_hide(){ playerCnt.play(); $(".question-container").hide(); $(".question-item").hide(); } $(function(){ var app = new Vue({ el: '.chatLists', data: { swiper: null, carousel: [], promotion: [], cates: [], //设置size初始为10 size:10, }, mounted: function () { //定义that用that.size获取size的值 var that=this; const el = document.querySelector('.chatLists'); const offsetHeight = el.offsetHeight; el.onscroll = () => { const scrollTop = el.scrollTop; const scrollHeight = el.scrollHeight; if ((offsetHeight + scrollTop) - scrollHeight >= -1) { //每次滚动到底部size+10 that.size+=10; get_barrager(); } } } }); }); function sub_vote(ele){ var data = {}; var que_item = $(ele).parents(".question-item"); data.vq_id = que_item.find("input[name=vq_id]").val(); if (que_item.data("type") == "checkbox") { data.value = []; que_item.find(".ansk:checked").each(function () { data.value.push($(this).val()); }); } else { data.value = que_item.find(".ansk").val(); } layer.load(1, { shade: [0.1,'#000'] }); $.when($.post("/addon/sub_vote",data)) .always(function () { layer.closeAll(); }) .done(function (response) { layer.msg(response.info,function () { if (response.status == 'success') { $.zui.store.set('que_'+que_item.data("time"),true); que_hide(); } }) }); return false; } $(function () { $("#eduForm").submit(function () { if ($(".comment_content").val().length == 0) { layer.tips('请输入评论内容', ".comment_content", { tips: [3, '#ff7559'] }); return false; } $.when($.post("/addon/comment",$(this).serialize())) .done(function (response) { layer.msg(response.info,function () { if (response.status == 'success') { var arrText = doT.template($("#DotTmp")[0].innerHTML); if ($(".chatLists .comment").length == 0) { $(".chatLists").html(arrText([response.data])); } else { $(".chatLists .comment").first().before(arrText([response.data])); } $(".comment_content").val(''); } }) }); return false; }); get_barrager(); }); var get_barrager_status = true; var bid = 0; function get_barrager() { var lid = $("input[name=id]").val(); if (!get_barrager_status) { return false; } get_barrager_status = false; $("#chatContainer").addClass("loading"); $.when($.get("/addon/get_comments",{id:lid,bid:bid})) .always(function () { get_barrager_status = true; $("#chatContainer").removeClass("loading"); }) .done(function (response) { if (response.status == 'success') { var arrText = doT.template($("#DotTmp")[0].innerHTML); $(".chatLists").append(arrText(response.data.lists)); if (!response.data.lists) { if (bid == 0) { $(".chatLists").html("<p class='text-center'>暂无记录</p>"); } else { layer.msg("没有更多了...."); } } bid = response.data.bid; } }) } </script> <script> $(function () { $(".btn-cut-control").click(function () { if ($(".fav-cut").is(":hidden")) { $(this).addClass("active"); $(".fav-cut").show(); } else { $(this).removeClass("active"); $(".fav-cut").hide(); } }); $(".btn-cut-s").click(function () { if (!$(this).hasClass("btn-warning")) { $(this).parents(".diy-item").find(".btn-cut-e").removeClass("btn-warning"); $(this).addClass("btn-warning"); } let cuttime = parseInt(playerCnt.currentTime()); $(this).parents(".diy-item").find(".cut_s").html(formatTime(cuttime)); $(this).parents(".diy-item").find("input[name=cut_s]").val(cuttime); }); $(".btn-cut-e").click(function () { if (!$(this).hasClass("btn-warning")) { $(this).parents(".diy-item").find(".btn-cut-s").removeClass("btn-warning"); $(this).addClass("btn-warning"); } let cuttime = parseInt(playerCnt.currentTime()); $(this).parents(".diy-item").find(".cut_e").html(formatTime(cuttime)); $(this).parents(".diy-item").find("input[name=cut_e]").val(cuttime); }); $(".btn-diy-block").click(function () { if ($(this).hasClass("active")) { $(this).removeClass("active"); $(".diy-item").hide(); } else { $(".btn-diy-block").removeClass("active"); $(this).addClass("active"); $(".diy-item").hide(); $(".diy-item").eq($(this).index()).show(); } }); $("#FormCut").submit(function () { if ($.trim($(this).find("input[name=cut_s]").val()).length == 0) { layer.alert("请选择开始时间", {icon: 2}); return false; } if ($.trim($(this).find("input[name=cut_e]").val()).length == 0) { layer.alert("请选择结束时间", {icon: 2}); return false; } if ($.trim($(this).find("input[name=cut_title]").val()).length == 0) { layer.alert("请输入标题", {icon: 2}); return false; } if ($.trim($(this).find("input[name=cut_intro]").val()).length == 0) { layer.alert("请输入标注", {icon: 2}); return false; } $.when($.post("/addon/cut_post", $("#FormCut").serialize())) .done(function (response) { if (response.status == 'success') { layer.alert(response.info, {icon: 6}); $("#FormCut")[0].reset(); $(".cut_s").html(''); $(".cut_e").html(''); } else { layer.alert(response.info, {icon: 2}); } }); return false; }); }); function formatTime(result) { var h = Math.floor(result / 3600) < 10 ? '0'+Math.floor(result / 3600) : Math.floor(result / 3600); var m = Math.floor((result / 60 % 60)) < 10 ? '0' + Math.floor((result / 60 % 60)) : Math.floor((result / 60 % 60)); var s = Math.floor((result % 60)) < 10 ? '0' + Math.floor((result % 60)) : Math.floor((result % 60)); return h + ":" + m + ":" + s; } </script> <script id="DotTmp" type="text/x-dot-template"> {{~it:value:index}} <div class="comment"> <div class="avatar"> <img class="chat-avatar" src="{{=value.img}}"> </div> <div class="content"> <div class="pull-right text-muted">{{=value.time}}</div> <div><span><strong>{{=value.username}}</strong></span></div> <div class="text">{{=value.content}}</div> </div> </div> {{~}} </script> <script> $(function() { var new_height = $("#PlayMain").height(); $(".chatLists").css("height",new_height - 125); }) </script> </body> </html>

CINXE.COM

中国农业大学融媒体平台