'
demo += ''
}
demo += ''
demo += ''
$('.newheader').append(demo)
var swiper = new Swiper('.newheader', {
// 轮播图
// zoom: true,
pagination: {
el: '.swiper-pagination',
clickable :true,
},
autoplay: true,
resizeObserver: true,
on: {
resize: function(){
setTimeout(()=>{
this.update(); //窗口变化时，更新Swiper的一些属性，如宽高等
},300)
},
},
})
}
for (var i in list) {
var manuscript_list = list[i].manuscript_list;
var k = 0;
//直播
if (res.data.focus_list.length === 0 && list[i].module_type == 4) {
var live_demo = '';
live_demo += '';
// if(list[i].manuscript_list[0].row.live_status/1===3){
//
live_demo += "");
//
live_demo += "";
//
// live_demo += ' '
//
// live_demo += ''
//
live_demo += ' ';
// }else
let polyv_channel_id = ""
console.log('polyv_channel_id',polyv_channel_id)
// console.log('list[i].manuscript_list[0].row.live_status/1',list[i].manuscript_list[0].row.live_status/1)
if(list[i].manuscript_list.length>0
&& (list[i].manuscript_list[0].row.live_status/1 === 1
list[i].manuscript_list[0].row.live_status/1 === 2) ) {
polyv_channel_id = list[i].manuscript_list[0].row
&&list[i].manuscript_list[0].row.polyv_channel_id
? list[i].manuscript_list[0].row.polyv_channel_id
:"";
// 直播中/回放
if(polyv_channel_id){
live_demo += `
`
}else{
live_demo += "");
live_demo += "";
// live_demo += ' '
// live_demo += ''
live_demo += ' ';
}
}
else if(list[i].manuscript_list.length>0 &&list[i].manuscript_list[0].row.live_status/1 === 4) {
//
结束
live_demo+=
''
+''
+ ""
+ '直播已结束'
+ ""
+""
// +''
//
+"直播已结束" +
// ""
+"");
}else if (list[i].manuscript_list.length > 0 && list[i].manuscript_list[0].row.live_status / 1 === 3) {
// 预告
live_demo +=
''
+''
+''
+ ""
+ list[i].manuscript_list[0].row.ext_data.live_start_time
+ "开始"
+ ""
+""
// + '' +
// "直播预告"
// + ""
+"");
}else {
live_demo+=
'');
}
live_demo += '';
$(".newheader").append(live_demo);
live = 1;
if(list[i].manuscript_list.length > 0
&& (list[i].manuscript_list[0].row.live_status / 1 === 1
list[i].manuscript_list[0].row.live_status / 1 === 2)
&&polyv_channel_id){
polyvLoading(polyv_channel_id);
}else{
// videojsnn('video');
}
} else if (list[i].module_type == 5) {
// 图文
if(manuscript_list.length > 0){
k = 0;
var tips = '';
$(".newsubject-menu").append(tips);
var article_list = '';
var id = list[i].module_id;
var swiperBoo = false;
article_list += '';
article_list += '' + list[i].module_name + '';
article_list += '';
var _loop = function _loop() {
article_demo = '';
if (j > 5) {
article_demo += '';
$(".newsubject-list").append(article_list);
if (swiperBoo) {
initSwiper();
}
}
} else if (list[i].module_type == 6) {
//视频
if(manuscript_list.length > 0){
var tips = '';
$(".newsubject-menu").append(tips);
var video_list = '';
k = 0;
video_list += '';
video_list += '' + list[i].module_name + '';
video_list += '';
for (var m in manuscript_list) {
manuscript_list[m].row.ext_data.duration = getvideotime(manuscript_list[m].row.ext_data.duration);
var video_demo = '';
if (k > 11) {
video_demo += ''
video_list += '';
if (k > 11) {
video_list += '查看更多 >';
// video_list += '查看更多 >'
}
video_list += '';
$(".newsubject-list").append(video_list);
$('.newsubject-list').on("click", '.viewMoreVideo', function () {
$(this).parent().children('.video-list').children().show();
$(this).hide();
});
}
} else if (list[i].module_type == 3) {
// 人物
if(list[i].person_list.length > 0){
var person_list = list[i].person_list;
var tips = '';
$(".newsubject-menu").append(tips);
var head_list = '';
// k = 0;
head_list += '';
head_list += '' + list[i].module_name + '';
head_list += '';
for (var n in person_list) {
var head_demo = '';
head_demo += '';
head_demo += '';
head_demo += '';
head_demo += '' + person_list[n].user_name + '';
head_demo += '';
head_demo += person_list[n].keyword;
head_demo += '';
head_list += head_demo;
}
head_list += '';
head_list += '';
$(".newsubject-list").append(head_list);
$('.personItem').on("click", function (e) {
var url = $(this).attr("data-url");
window.open(url, "_self");
});
}
} else if (list[i].module_type == 7) {
//旧时间线
var event_list = list[i].event_list;
if(event_list.length > 0){
var tips = '';
$(".newsubject-menu").append(tips);
var time_list = '';
time_list += '';
time_list += '' + list[i].module_name + '';
for (var o in event_list) {
var time_demo = '';
time_demo += '';
time_demo += '' + event_list[o].time + '';
time_demo += '' + event_list[o].content + '';
time_demo += '';
time_list += time_demo;
}
time_list += '';
$(".newsubject-list").append(time_list);
}
} else if (list[i].module_type == 8) {
//新时间线修改2023/09/22
var event_list = list[i].event_list;
if(event_list.length > 0){
var tips = '';
time_list += time_demo;
}
time_list += '';
time_list += '';
$(".newsubject-list").append(time_list);
// setTimeout(function() {
//
//处理音频视频只播放一个
//
var audios = document.getElementsByTagName("audio");
//
var videos = document.getElementsByTagName("video");
//
// 停止所有音频播放的函数
//
function pauseAllAudio() {
//
[].forEach.call(audios, function (audio) {
//
audio.pause();
//
});
//
}
//
// 停止所有视频播放的函数
//
function pauseAllVideo() {
//
[].forEach.call(videos, function (video) {
//
video.pause();
//
});
//
}
//
// 为每个音频元素添加播放按钮，点击时播放当前音频并停止所有其他音频和视频
//
[].forEach.call(audios, function (audio) {
//
var playButton = document.createElement("button");
//
playButton.textContent = "Play";
//
playButton.addEventListener("click", function () {
//
pauseAllAudio();
// 停止所有音频
//
pauseAllVideo();
// 停止所有视频
//
audio.play();
// 播放当前音频
//
});
//
audio.parentNode.insertBefore(playButton, audio);
// 在音频元素前插入播放按钮
//
});
//
// 为每个视频元素添加播放按钮，点击时播放当前视频并停止所有其他视频和音频
//
[].forEach.call(videos, function (video) {
//
var playButton = document.createElement("button");
//
playButton.textContent = "Play";
//
playButton.addEventListener("click", function () {
//
pauseAllAudio();
// 停止所有音频
//
pauseAllVideo();
// 停止所有视频
//
video.play();
// 播放当前视频
//
});
//
video.parentNode.insertBefore(playButton, video);
// 在视频元素前插入播放按钮
//
});
// }, 100);
}
} else if (list[i].module_type == 9){
var carousel_list = list[i].carousel_list;
if(carousel_list.length > 0){
var tips = '';
$(".newsubject-menu").append(tips);
var time_list = '';
time_list += ''
time_list += ''+list[i].module_name+''
time_list += ''
time_list += ''
for (let k = 0; k '
time_list += ''
time_list += ''
time_list += ''
// time_list += ''
time_list += carousel_list[k].row.title && carousel_list[k].row.title.length>0 ? '' + carousel_list[k].row.title + '' : ''
// time_list += ''
time_list += ''
time_list += ''
time_list += ''
}
time_list += ''
// time_list += ''
time_list += ''
time_list += ''
$(".newsubject-list").append(time_list);
//轮播图
// setTimeout(function() {
//
var mySwiper = new Swiper('.newCarousel-list', {
//
direction: 'horizontal', //横向切换选项
//
loop: false, //循环模式选项
//
slidesPerView: 'auto'
//
});
// }, 2000);
}
} else if (list[i].module_type == 2) {
// GPS模块
let domID = "container" + list[i].module_id
var module_data = list[i].module_data;
var tips = '';
$(".newsubject-menu").append(tips);
var mapHtm = '';
mapHtm += "
" + list[i].module_name + (data.ext_data.tow_session && data.ext_data.tow_session / 1 === 1 ?
// +(data.ext_data.tow_session&&data.ext_data.tow_session/1 === 1 ?
'' : '') + "";
$(".newsubject-list").append(mapHtm);
initMap(data,module_data,domID);
}
}
if (res.data.focus_list.length === 0 && live == 0) {
var img = '';
$(".newheader").append(img);
}
$('.menuBox').on('click', function () {
var id = $(this).attr("data-id");
// var url=window.location.href+'#module_'+id
id = '#module_' + id;
$('html,body').animate({
scrollTop: $(id).offset().top
}, 1000);
});
// $("#root").show()
//上面
处理视频音频只播放一个的问题
setTimeout(() => {
$(".video-js").each(function (index, element) {
var videoUrl = $(this).attr("src");
var videoCover = $(this).attr("poster");
if (videoUrl) {
if (videoUrl.split(".").pop() === 'm3u8') {
var video = ''
+ ''
+ '';
$(this).replaceWith(video);
} else {
var video = ''
+ ''
+ ''
+ ''
+ '';
$(this).replaceWith(video);
}
var my = 'my-video' + index
my = videojs(my);
my.on("play", function () {
console.log(123)
nameAllPause(this.id_)
pauseAll()
})
}
});
var audios = document.getElementsByTagName("audio");
function pauseAll() {
var self = this;
console.log(self);
[].forEach.call(audios, function (i) {
i !== self && i.pause();
console.log(i !== self && i.pause())
})
}
[].forEach.call(audios, function (i) {
i.addEventListener("play",function(){
console.log(i)
pauseAll.bind(i)()
nameAllPause()
}.bind(i));
})
function nameAllPause(params) {
$('.video-js').each(function(index, element) {
if($(this).attr('id') !== params
params=== undefined){
// console.log(params)
my = $(this).attr('id')
videojs(my).pause();
console.log(my)
// pauseAll()
}
})
}
}, 200);
}
},
error: function error(err) {
console.log(err);
}
});
//新时间线排序
$(document).on('click', '.paixu_right', function(){
$(this).next().toggle();
$(this).prev().toggle();
});
// 定义一个变量来存储当前的排序方式
var currentOrder = "importan";
// 给每个p标签添加点击事件
$(document).on('click', '.paixu_right_nav p', function(){
var _this = this
$(".paixu_right_nav").hide();
$(".overlay").hide();
console.log("点击排序")
// 移除其他p标签的选中状态
$(".paixu_right_nav p").removeClass("selected");
// 添加当前点击的p标签的选中状态
$(this).addClass("selected");
// 根据点击的p标签设置当前的排序方式
if ($(this).hasClass("zhongyao")) {
currentOrder = "importan";
} else if ($(this).hasClass("daoxu")) {
currentOrder = "desc";
} else if ($(this).hasClass("zhengxu")) {
currentOrder = "asc";
}
$.ajax({
type: "GET",
url: url,
dataType: 'json',
headers: {
version: 'v214',
},
data: {
uuid: uuid,
order: currentOrder,
},
success: function success(res) {
if (res.code == 0) {
//判断颜色
setTimeout(function() {
console.log(res.data.ext_data.special_color)
if(res.data.ext_data.special_color / 1 === 1){
$(".time_title").css("background","#d12d2b");
$(".time_title i").css("borderRightColor","#d12d2b");;
$(".red_line").addClass("red_line");
$(".descBtn").css("color","#d12d2b");
$(".descBtn_over").css("color","#d12d2b")
$(".viewMoreNormal").css("color","#d12d2b")
document.documentElement.style.setProperty('--border-color', '#d12d2b');
}else if(res.data.ext_data.special_color / 1 === 2){
$(".time_title").css("background","#146AEA");
$(".time_title i").css("borderRightColor","#146AEA");
$(".red_line").addClass("blue_line");
$(".descBtn").css("color","#146AEA");
$(".descBtn_over").css("color","#146AEA")
$(".viewMoreNormal").css("color","#146AEA")
document.documentElement.style.setProperty('--border-color', '#146AEA');
}else if(res.data.ext_data.special_color / 1 === 3){
$(".time_title").css("background","#ccc");
$(".time_title i").css("borderRightColor","#ccc");
$(".red_line").addClass("grey_line");
$(".descBtn").css("color","#ccc");
$(".descBtn_over").css("color","#ccc")
$(".viewMoreNormal").css("color","#ccc")
document.documentElement.style.setProperty('--border-color', '#ccc');
}
}, 50);
//首先清空time_box_paixu里的内容
var currentId = $(_this).attr('data-id');
var ten = "#module_" + currentId + " .time_box_paixu";
const timeBoxElements = $(ten);
timeBoxElements.html('')
var list = res.data.list;
var time_demo = '';
for (var i in list) {
if (list[i].module_type == 8) {
var event_list = list[i].event_list;
// time_demo += '';
if(event_list.length > 0){
for (var o in event_list) {
var currentId = $(_this).data('id');
if( currentId == res.data.list[i].module_id ){ //比对
time_demo += '';
//这个改成时间节点描述(后台输入)
if(event_list[o].node_desc != null){
if(event_list[o].outside_url != ""){//外链
time_demo += ''
time_demo += '' + event_list[o].node_desc + '';
time_demo += ''
}else{//uuid
time_demo += `${event_list[o].node_desc}`;
}
}else{
time_demo += '';
}
// 新增时间事件标题
if(event_list[o].outside_url != ""){//外链
time_demo += ''
time_demo += ''+(event_list[o].event_title ? event_list[o].event_title : '')+'';
time_demo += ''+event_list[o].content+'';
time_demo += ''
}else{//uuid
time_demo += `${(event_list[o].event_title ? event_list[o].event_title : '')}`;
time_demo += `${event_list[o].content}`;
}
//下面判断图片的情况
if( event_list[o].img_data.length != '' && event_list[o].img_data.length > 1 ){//多张图
time_demo += '';
time_demo += '';
time_demo += '';
}
time_demo += '';
time_demo += '';
time_demo += '';
//时间线轮播图
setTimeout(function() {
var mySwiper = new Swiper('.hotspot-swiper', {
direction: 'horizontal', //横向切换选项
loop: false, //循环模式选项
slidesPerView: 'auto'
});
}, 2000);
}else if( event_list[o].img_data.length != '' ){//一张图
time_demo += '';
}
//下面判断视频的情况
if(event_list[o].video_data.length != ''){
for( let z = 0; z ';
time_demo += "");
time_demo += "";
time_demo += ' ';
time_demo += ''+event_list[o].video_data[z].desc+'';
// time_demo += '';
time_demo += '';
}
}
//下面判断如果是音频
if(event_list[o].audio_data.length != ''){
for( let k = 0; k ';
time_demo += '';
time_demo += '';
time_demo += '';
time_demo += '';
time_demo += '';
time_demo += ''+event_list[o].audio_data[k].desc+'';
time_demo += '';
time_demo += '';
}
}
time_demo += '';
}
}
}
}
}
timeBoxElements.html(time_demo)
// 筛选里面的音频视频处理
setTimeout(() => {
var r = Math.floor(Math.random() * 100)
$(".video-js").each(function (index, element) {
var videoUrl = $(this).attr("src");
var videoCover = $(this).attr("poster");
if (videoUrl) {
if (videoUrl.split(".").pop() === 'm3u8') {
var video = ''
+ ''
+ '';
$(this).replaceWith(video);
} else {
var video = ''
+ ''
+ ''
+ ''
+ '';
$(this).replaceWithl(video);
}
var my = 'my-video' + index + r
my = videojs(my);
my.on("play", function () {
console.log('+++++++', this.id_)
nameAllPause(this.id_)
pauseAll()
})
}
});
var audios = document.getElementsByTagName("audio");
function pauseAll() {
var self = this;
console.log(self);
[].forEach.call(audios, function (i) {
i !== self && i.pause();
console.log(i !== self && i.pause())
})
}
[].forEach.call(audios, function (i) {
i.addEventListener("play",function(){
console.log(i)
pauseAll.bind(i)()
nameAllPause()
}.bind(i));
})
function nameAllPause(params) {
$('.video-js').each(function(index, element) {
if($(this).attr('id') !== params
params=== undefined){
// console.log(params)
my = $(this).attr('id')
videojs(my).pause();
console.log(my)
// pauseAll()
}
})
}
}, 200);
}
},
error: function() {}
});
});
// $(document).scroll(function() {
//
var scroH = $(document).scrollTop(); //滚动高度
//
var viewH = $(window).height(); //可见高度
//
var contentH = $(document).height(); //内容高度
//
// 滚动到一定地方 显示 箭头
//
// if (scroH > 500) {
//
//
$('.top-btn').show()
//
// } else {
//
//
$('.top-btn').hide()
//
// }
// });
$('.dakai').click(function () {
// window.location.href = "https://m.bjnews.com.cn/guide/downv2?uuid=168113144514385&show_type=newSpecial&show_uuid=168113144514385";
jumpToHtml("https://m.bjnews.com.cn/guide/downv2?uuid=168113144514385&show_type=newSpecial&show_uuid=168113144514385");
});
$('.close').click(function () {
$('.header-box').hide();
});
$('.top-btn').click(function () {
$("html,body").animate({
scrollTop: 0
}, 500);
});
//计算视频时间
function getvideotime(value) {
console.log('getvideotime 计算视频时间');
var m = '';
var s = '';
value = parseInt(value);
if (value > 60) {
m = parseInt(value / 60);
if (m = 1) {
if (h >= 48) {
return time.length === 19 ? time.substring(0, time.lastIndexOf(':')) : time;
} else if (h >= 24 && h = 1) {
if (h >= 48) {
let fullTime = new Date(beforetime*1000);
var beforeYear = fullTime.getFullYear()
var month = fullTime.getMonth() + 1; // 获取月份
var day = fullTime.getDate(); // 获取具体日
if(dateYear === beforeYear ){
return month + "月" + day + "日";
}else{
return beforeYear + '年' + month + '月' + day + '日';
}
} else if (h >= 24 && h 750){
//
alert("https://m.bjnews.com.cn/detail/" + uuid + ".html")
//
window.location.href="https://m.bjnews.com.cn/detail/" + uuid + ".html"
//
// window.location.href="http://www.hsrb.com.cn/detail/" + uuid + ".html"
// }else{
//
alert("https://m.bjnews.com.cn/detail/" + uuid + ".html")
//
window.location.href="https://m.bjnews.com.cn/detail/" + uuid + ".html"
// }
});
function goDetail(item, e) {
console.log('goDetail', item);
e = event
window.event;
e.preventDefault();
}
$('.newsubject-list').on("click", ".swiper-container .swiper-slide", function (e) {
console.log('点击轮播图单个', e);
});
$('.newsubject-list').on("click", ".manuItem .manuItemA", function (e) {
var uuid = $(this).attr('data-uuid');
e.preventDefault();
if (win_width > 750) {
// alert("https://m.bjnews.com.cn/detail/" + uuid + ".html")
// window.location.href="https://m.bjnews.com.cn/detail/" + uuid + ".html"
// window.location.href="http://www.hsrb.com.cn/detail/" + uuid + ".html"
jumpToHtml("https://m.bjnews.com.cn/detail/" + uuid + ".html");
} else {
// alert("https://m.bjnews.com.cn/detail/" + uuid + ".html")
// window.location.href="https://m.bjnews.com.cn/detail/" + uuid + ".html"
jumpToHtml("https://m.bjnews.com.cn/detail/" + uuid + ".html");
}
});
// 打开页面跳到之前的高度
var d = sessionStorage.getItem('topDistance');
if (!!d && d.length > 0) {
var ds = JSON.parse(d);
if (ds.scrollTop && window.location.href === ds.url) {
$('html, body').animate({
scrollTop: ds.scrollTop
}, false);
sessionStorage.setItem('topDistance', "");
}
}
// 记录分享行为
var urlSearch = window.location.href.substring(window.location.href.indexOf("?")+1)
"";
let shareuser = "";
let searchArr = urlSearch.split("&")
searchArr.forEach((item,index) => {
let ab = item.split("=");
if(ab[0] === 'shareuser'){
shareuser = ab[1]
}
})
// console.log('newsubject ',shareuser)
if(shareuser){
$.ajax({
type: 'GET',
url: web_root_url + '/japi/pv?article_uuid=' + uuid + '&user_uuid=' + shareuser,
dataType: 'JSON',
success: function(st) {
if (st.suc == 1 && st.info == 'success') {
}else{
}
},
error: function() {}
})
}
};
function initSwiper() {
var mySwiper = new Swiper('.swiper-container', {
direction: 'horizontal', //横向切换选项
loop: false, //循环模式选项
slidesPerView: 'auto'
});
}
function initMap(data,module_data,domID) {
var host = 'https://m.bjnews.com.cn/detail/';
var API = {
map_icon: host + '/resource/map_icon.png'
// map_icon : host + '/wap/img/icon@2x-bak.png'
};
var latitude = -1;
var longitude = -1;
latitude = parseFloat(module_data.latitude);
longitude = parseFloat(module_data.longitude);
// for (var i = 0; i 10){
return;
}
a++;
if ($('.video-js').length>0) {
videoName = videojs(dom);
videoName.on("play", function () {
console.log(123);
});
// console.log(pageState)
// console.log(pageState.videoName)
return;
} else {
videojsnn('video');
}
}, 800);
}
// 保利威视频初始化
function polyvLoading(channelId){
console.log('保利威视频初始化',channelId)
var player = polyvLivePlayer({
wrap: "#player",
// width: 400,
height: '4.22rem',
uid: POLYV_UID, //用户id，即开发者信息下的userId（账号ID）
vid: channelId, // 频道id,即频道号
isAutoChange: true,
});
}
}