85 lines
2.2 KiB
JavaScript
85 lines
2.2 KiB
JavaScript
const { ipcRenderer } = require('electron');
|
|
|
|
class PlayVideo {
|
|
constructor() {
|
|
this.isShowMenu = false
|
|
this.downVideo()
|
|
this.initSwiper()
|
|
this.ShowComment()
|
|
this.ShowCommentList()
|
|
this.SwiperIndex = 0;
|
|
}
|
|
|
|
initSwiper() {
|
|
let self = this;
|
|
new Swiper ('.swiper-container', {
|
|
direction: 'horizontal', // 垂直切换选项
|
|
loop: false, // 循环模式选项
|
|
// 如果需要分页器
|
|
pagination: {
|
|
el: '.swiper-pagination',
|
|
},
|
|
|
|
// 如果需要前进后退按钮
|
|
navigation: {
|
|
nextEl: '.swiper-button-next',
|
|
prevEl: '.swiper-button-prev',
|
|
},
|
|
on: {
|
|
slideChange: function () {
|
|
self.SwiperIndex = this.realIndex;
|
|
},
|
|
}
|
|
})
|
|
}
|
|
|
|
downVideo() {
|
|
let self = this;
|
|
$(".down_video").click(function () {
|
|
// 当前播放的是图片
|
|
if ($("#my-video").length == 0) {
|
|
let allImg = $(".swiper-wrapper .swiper-slide img").eq(self.SwiperIndex)
|
|
ipcRenderer.send('SaveFile', {
|
|
url: allImg.attr("src")
|
|
})
|
|
// 当前播放的是视频
|
|
} else {
|
|
console.log("下载视频")
|
|
ipcRenderer.send('SaveFile', {
|
|
url: $("#my-video").attr("src")
|
|
})
|
|
}
|
|
})
|
|
}
|
|
|
|
/**
|
|
* 展开评论弹窗
|
|
* @constructor
|
|
*/
|
|
ShowComment() {
|
|
$(".down_comment").click(() => {
|
|
if (this.isShowMenu) {
|
|
$(".comment_list").animate({ right: '-256px'})
|
|
this.isShowMenu = false
|
|
} else {
|
|
$(".comment_list").animate({ right: 0})
|
|
this.isShowMenu = true
|
|
}
|
|
})
|
|
}
|
|
|
|
/**
|
|
* 查看更多评论
|
|
* @constructor
|
|
*/
|
|
ShowCommentList() {
|
|
$(".view_other").click(function () {
|
|
$(this).next().toggle({
|
|
'display': 'block'
|
|
})
|
|
})
|
|
}
|
|
}
|
|
|
|
new PlayVideo();
|