This repository has been archived by the owner on Jan 1, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 22
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
10 changed files
with
248 additions
and
100 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,153 @@ | ||
| class FuncDanmuEnhance { | ||
| static init() { | ||
| if(!Helper.option.live || !Helper.option.live_danmuEnhance) { | ||
| return; | ||
| } | ||
| this.danmuColorList = ['ffffff', 'ff6868', '66ccff', 'e33fff', '00fffc', '7eff00', 'ffed4f', 'ff9800', 'ff739a']; | ||
| this.danmuModeList = [{name: '滚动', mode: 1, type: 'scroll'}, {name: '顶部', mode: 5, type: 'top'}]; | ||
| this.selectDanmuColor = 0; | ||
| this.selectDanmuMode = 1; | ||
| this.maxLength = Helper.userInfo.userLevel >= 20 ? 30 : 20; | ||
|
|
||
| this.initDOM(); | ||
| this.addEvent(); | ||
| } | ||
|
|
||
| static initDOM() { | ||
| this.danmuColorButton = $('.danmu-color').clone(); | ||
| this.danmuColorPanel = $('.danmu-color-panel').clone(); | ||
| this.danmuModeSelectPanel = this.danmuColorPanel.find('.mode-select-panel'); | ||
| this.danmuColorSelectPanel = this.danmuColorPanel.find('.color-select-panel'); | ||
| this.danmuTextbox = $('.danmu-textbox').clone().removeAttr('maxlength'); | ||
| this.danmuSendButton = $('.danmu-send-btn').clone(); | ||
| this.danmuLenghtText = $('.danmu-length-count').clone().text('0 / ' + this.maxLength); | ||
|
|
||
| $('.danmu-color').after(this.danmuColorButton).remove(); | ||
| $('.danmu-color-panel').after(this.danmuColorPanel).remove(); | ||
| $('.danmu-textbox').after(this.danmuTextbox).remove(); | ||
| $('.danmu-send-btn').after(this.danmuSendButton).remove(); | ||
| $('.danmu-length-count').after(this.danmuLenghtText).remove(); | ||
| } | ||
| static addEvent() { | ||
| this.danmuColorPanel.stopPropagation(); | ||
| this.danmuColorButton.on('click', () => this.danmuColorPanel.show()).stopPropagation(); | ||
| $(document).on('click', () => this.danmuColorPanel.fadeOut(200)); | ||
| this.danmuSendButton.on('click', () => this.sendLongDanmu()); | ||
|
|
||
| this.danmuTextbox.on('input', () => { | ||
| let lenght = this.danmuTextbox.val().length; | ||
| let lenghtText = (lenght % this.maxLength === 0 ? this.maxLength : Number.parseInt(lenght % this.maxLength)) + ' / ' + this.maxLength; | ||
| lenght > this.maxLength && (lenghtText += ' * ' + (Number.parseInt(lenght / this.maxLength) - (lenght % this.maxLength === 0 ? 1 : 0))); | ||
| lenght === 0 && (lenghtText = '0 / ' + this.maxLength); | ||
| this.danmuLenghtText.text(lenghtText); | ||
| }).on('keydown', (e) => { | ||
| if(e.keyCode == 13) { | ||
| e.preventDefault(); | ||
| this.sendLongDanmu(); | ||
| } | ||
| }); | ||
|
|
||
| Helper.addScriptByText('bh_getDanmuInfo();').remove(); | ||
| Helper.getMessage((request) => { | ||
| if(request.command && request.command == 'getDanmuInfo') { | ||
| if(request.danmuInfo.selectColor === '') { | ||
| Helper.countdown(1, () => Helper.addScriptByText('bh_getDanmuInfo();').remove()); | ||
| } else { | ||
| this.selectDanmuColor = this.danmuColorList.indexOf(request.danmuInfo.selectColor.substring(2)); | ||
| this.selectDanmuMode = request.danmuInfo.selectMode; | ||
| this.updateDanmuColorPanel(); | ||
| } | ||
| } | ||
| }); | ||
| } | ||
|
|
||
| static updateDanmuColorPanel() { | ||
| this.danmuModeSelectPanel.empty(); | ||
| this.danmuColorSelectPanel.empty(); | ||
| for(let danmuMode of this.danmuModeList) { | ||
| let modeDOM = $('<a>').addClass('list danmu-mode-block ' + danmuMode.type).text(danmuMode.name) | ||
| .on('click', (e) => this.setDanmuConfig('mode', $(e.currentTarget))); | ||
| if(this.selectDanmuMode == danmuMode.mode) { | ||
| modeDOM.addClass('active'); | ||
| } | ||
| this.danmuModeSelectPanel.append(modeDOM); | ||
| } | ||
| for(let i in this.danmuColorList) { | ||
| let colorDOM = $('<a>').addClass('danmu-color-block').css('background-color', '#' + this.danmuColorList[i]) | ||
| .on('click', (e) => this.setDanmuConfig('color', $(e.currentTarget))); | ||
| if(this.selectDanmuColor == i) { | ||
| colorDOM.addClass('active'); | ||
| } | ||
| this.danmuColorSelectPanel.append($('<li>').append(colorDOM)); | ||
| } | ||
| } | ||
| static setDanmuConfig(type, target) { | ||
| let index = type == 'color' ? target.parent().index() : target.index(); | ||
| if(!(type == 'color' && index == this.selectDanmuColor) && !(type == 'mode' && this.danmuModeList[index].mode == this.selectDanmuMode)) { | ||
| $.ajax({ | ||
| url: '/api/ajaxSetConfig', type: 'post', dataType: 'json', | ||
| data: type == 'color' ? {color: '0x' + this.danmuColorList[index], room_id: Helper.roomID} : {mode: this.danmuModeList[index].mode, room_id: Helper.roomID} | ||
| }).done((result) => { | ||
| switch(result.code) { | ||
| case 0: | ||
| if(type == 'color') { | ||
| this.selectDanmuColor = index; | ||
| } else { | ||
| this.selectDanmuMode = index; | ||
| } | ||
| this.updateDanmuColorPanel(); | ||
| break; | ||
| case -500: | ||
| Helper.liveToast(result.msg, target, 'info'); | ||
| break; | ||
| default: | ||
| console.log(result); | ||
| break; | ||
| } | ||
| }).fail(() => Helper.liveToast('设置错误, 请稍后再试!', target, 'error')); | ||
| } | ||
| } | ||
|
|
||
| static sendLongDanmu() { | ||
| let danmu = this.danmuTextbox.val(); | ||
| if(danmu !== '') { | ||
| this.danmuTextbox.val('').focus(); | ||
| this.danmuLenghtText.text('0 / ' + this.maxLength); | ||
| this.sendDanmu(this.splitDanmu(danmu)); | ||
| } else { | ||
| Helper.liveToast('请输入弹幕后再发送~', this.danmuSendButton, 'info'); | ||
| } | ||
| } | ||
| static splitDanmu(danmu) { | ||
| let danmus = []; | ||
| for(let i = 0; i < Math.floor(danmu.length / this.maxLength) + 1; i++) { | ||
| let _danmu = danmu.substr(i * this.maxLength, this.maxLength); | ||
| _danmu !== '' && danmus.push(_danmu); | ||
| } | ||
| return danmus; | ||
| } | ||
| static sendDanmu(danmus) { | ||
| this.sendDanmu_flash(danmus[0]).then(() => { | ||
| if(danmus.length > 1) { | ||
| danmus.splice(0, 1); | ||
| Helper.countdown(2, () => this.sendDanmu(danmus)); | ||
| } | ||
| }); | ||
| } | ||
| static sendDanmu_flash(danmu) { | ||
| return new Promise((resolve) => { | ||
| $('#player_object')[0].sendMsg(danmu, '0x' + this.danmuColorList[this.selectDanmuColor], this.selectDanmuMode); | ||
| resolve(); | ||
| }); | ||
| } | ||
| static sendDanmu_post(danmu, roomID) { | ||
| return $.ajax({ | ||
| url: '/msg/send', type: 'post', dataType: 'json', | ||
| data: { | ||
| color: '0x' + this.danmuColorList[this.selectDanmuColor], | ||
| msg: danmu, | ||
| room_id: roomID | ||
| } | ||
| }).promise(); | ||
| } | ||
| } |
Oops, something went wrong.