mirror of
https://github.com/HChaZZY/PiliPlus.git
synced 2025-12-06 09:13:48 +08:00
446 lines
16 KiB
Dart
446 lines
16 KiB
Dart
import 'dart:io';
|
|
|
|
import 'package:PiliPalaX/http/live.dart';
|
|
import 'package:PiliPalaX/pages/live_room/widgets/chat.dart';
|
|
import 'package:PiliPalaX/utils/utils.dart';
|
|
import 'package:floating/floating.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
|
|
import 'package:get/get.dart';
|
|
import 'package:PiliPalaX/common/widgets/network_img_layer.dart';
|
|
import 'package:PiliPalaX/plugin/pl_player/index.dart';
|
|
import 'package:ns_danmaku/danmaku_controller.dart';
|
|
import 'package:ns_danmaku/danmaku_view.dart';
|
|
import 'package:ns_danmaku/models/danmaku_option.dart';
|
|
import 'package:screen_brightness/screen_brightness.dart';
|
|
|
|
import '../../utils/storage.dart';
|
|
import 'controller.dart';
|
|
import 'widgets/bottom_control.dart';
|
|
|
|
class LiveRoomPage extends StatefulWidget {
|
|
const LiveRoomPage({super.key});
|
|
|
|
@override
|
|
State<LiveRoomPage> createState() => _LiveRoomPageState();
|
|
}
|
|
|
|
class _LiveRoomPageState extends State<LiveRoomPage>
|
|
with WidgetsBindingObserver {
|
|
late final int _roomId;
|
|
final LiveRoomController _liveRoomController = Get.put(LiveRoomController());
|
|
late final PlPlayerController plPlayerController;
|
|
late Future? _futureBuilder;
|
|
late Future? _futureBuilderFuture;
|
|
|
|
bool isShowCover = true;
|
|
bool isPlay = true;
|
|
Floating? floating;
|
|
|
|
late final _isLogin = GStorage.userInfo.get('userInfoCache') != null;
|
|
late final _node = FocusNode();
|
|
late final _ctr = TextEditingController();
|
|
|
|
late bool enableShowDanmaku;
|
|
late List blockTypes;
|
|
late double showArea;
|
|
late double opacityVal;
|
|
late double fontSizeVal;
|
|
late double danmakuDurationVal;
|
|
late double strokeWidth;
|
|
late int fontWeight;
|
|
int latestAddedPosition = -1;
|
|
|
|
void playCallBack() {
|
|
plPlayerController.play();
|
|
}
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
WidgetsBinding.instance.addObserver(this);
|
|
_roomId = int.parse(Get.parameters['roomid'] ?? '-1');
|
|
PlPlayerController.setPlayCallBack(playCallBack);
|
|
if (Platform.isAndroid) {
|
|
floating = Floating();
|
|
}
|
|
videoSourceInit();
|
|
_futureBuilderFuture = _liveRoomController.queryLiveInfo();
|
|
plPlayerController.autoEnterFullscreen();
|
|
_liveRoomController.liveMsg();
|
|
}
|
|
|
|
Future<void> videoSourceInit() async {
|
|
_futureBuilder = _liveRoomController.queryLiveInfoH5();
|
|
plPlayerController = _liveRoomController.plPlayerController;
|
|
blockTypes = plPlayerController.blockTypes;
|
|
showArea = plPlayerController.showArea;
|
|
opacityVal = plPlayerController.opacityVal;
|
|
fontSizeVal = plPlayerController.fontSizeVal;
|
|
strokeWidth = plPlayerController.strokeWidth;
|
|
fontWeight = plPlayerController.fontWeight;
|
|
danmakuDurationVal = plPlayerController.danmakuDurationVal;
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
WidgetsBinding.instance.removeObserver(this);
|
|
ScreenBrightness().resetApplicationScreenBrightness();
|
|
PlPlayerController.setPlayCallBack(null);
|
|
_liveRoomController.msgStream?.close();
|
|
floating?.dispose();
|
|
_node.dispose();
|
|
plPlayerController.dispose();
|
|
_ctr.dispose();
|
|
_liveRoomController.scrollController.removeListener(() {});
|
|
super.dispose();
|
|
}
|
|
|
|
@override
|
|
void didChangeAppLifecycleState(AppLifecycleState state) {
|
|
if (state == AppLifecycleState.resumed) {
|
|
_liveRoomController.showDanmaku = true;
|
|
} else if (state == AppLifecycleState.paused) {
|
|
_liveRoomController.showDanmaku = false;
|
|
plPlayerController.danmakuController?.clear();
|
|
}
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
Widget videoPlayerPanel = FutureBuilder(
|
|
future: _futureBuilderFuture,
|
|
builder: (BuildContext context, AsyncSnapshot snapshot) {
|
|
if (snapshot.hasData && snapshot.data['status']) {
|
|
return PLVideoPlayer(
|
|
controller: plPlayerController,
|
|
bottomControl: BottomControl(
|
|
controller: plPlayerController,
|
|
liveRoomCtr: _liveRoomController,
|
|
floating: floating,
|
|
),
|
|
danmuWidget: Obx(
|
|
() => AnimatedOpacity(
|
|
opacity: plPlayerController.isOpenDanmu.value ? 1 : 0,
|
|
duration: const Duration(milliseconds: 100),
|
|
child: DanmakuView(
|
|
createdController: (DanmakuController e) async {
|
|
plPlayerController.danmakuController =
|
|
_liveRoomController.controller = e;
|
|
},
|
|
option: DanmakuOption(
|
|
fontSize: 15 * fontSizeVal,
|
|
fontWeight: fontWeight,
|
|
area: showArea,
|
|
opacity: opacityVal,
|
|
hideTop: blockTypes.contains(5),
|
|
hideScroll: blockTypes.contains(2),
|
|
hideBottom: blockTypes.contains(4),
|
|
duration:
|
|
danmakuDurationVal / plPlayerController.playbackSpeed,
|
|
strokeWidth: strokeWidth,
|
|
// initDuration /
|
|
// (danmakuSpeedVal * widget.playerController.playbackSpeed),
|
|
),
|
|
statusChanged: (isPlaying) {},
|
|
),
|
|
),
|
|
),
|
|
);
|
|
} else {
|
|
return const SizedBox();
|
|
}
|
|
},
|
|
);
|
|
|
|
Widget childWhenDisabled = Scaffold(
|
|
primary: true,
|
|
backgroundColor: Colors.black,
|
|
body: Stack(
|
|
children: [
|
|
Positioned(
|
|
left: 0,
|
|
top: 0,
|
|
right: 0,
|
|
bottom: 0,
|
|
child: Opacity(
|
|
opacity: 0.6,
|
|
child: Image.asset(
|
|
'assets/images/live/default_bg.webp',
|
|
fit: BoxFit.cover,
|
|
// width: Get.width,
|
|
// height: Get.height,
|
|
),
|
|
),
|
|
),
|
|
Obx(
|
|
() => Positioned(
|
|
left: 0,
|
|
top: 0,
|
|
right: 0,
|
|
bottom: 0,
|
|
child: _liveRoomController
|
|
.roomInfoH5.value.roomInfo?.appBackground !=
|
|
'' &&
|
|
_liveRoomController
|
|
.roomInfoH5.value.roomInfo?.appBackground !=
|
|
null
|
|
? Opacity(
|
|
opacity: 0.6,
|
|
child: NetworkImgLayer(
|
|
width: Get.width,
|
|
height: Get.height,
|
|
type: 'bg',
|
|
src: _liveRoomController
|
|
.roomInfoH5.value.roomInfo?.appBackground ??
|
|
'',
|
|
),
|
|
)
|
|
: const SizedBox(),
|
|
),
|
|
),
|
|
Column(
|
|
children: [
|
|
AppBar(
|
|
backgroundColor: Colors.transparent,
|
|
foregroundColor: Colors.white,
|
|
titleTextStyle: TextStyle(color: Colors.white),
|
|
toolbarHeight:
|
|
MediaQuery.of(context).orientation == Orientation.portrait
|
|
? 56
|
|
: 0,
|
|
title: FutureBuilder(
|
|
future: _futureBuilder,
|
|
builder: (context, snapshot) {
|
|
if (snapshot.data == null) {
|
|
return const SizedBox();
|
|
}
|
|
Map data = snapshot.data as Map;
|
|
if (data['status']) {
|
|
return Obx(
|
|
() => Row(
|
|
children: [
|
|
GestureDetector(
|
|
onTap: () {
|
|
_node.unfocus();
|
|
dynamic uid = _liveRoomController
|
|
.roomInfoH5.value.roomInfo?.uid;
|
|
Get.toNamed(
|
|
'/member?mid=$uid',
|
|
arguments: {
|
|
'heroTag': Utils.makeHeroTag(uid),
|
|
},
|
|
);
|
|
},
|
|
child: NetworkImgLayer(
|
|
width: 34,
|
|
height: 34,
|
|
type: 'avatar',
|
|
src: _liveRoomController.roomInfoH5.value
|
|
.anchorInfo!.baseInfo!.face,
|
|
),
|
|
),
|
|
const SizedBox(width: 10),
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
_liveRoomController.roomInfoH5.value
|
|
.anchorInfo!.baseInfo!.uname!,
|
|
style: const TextStyle(fontSize: 14),
|
|
),
|
|
const SizedBox(height: 1),
|
|
if (_liveRoomController
|
|
.roomInfoH5.value.watchedShow !=
|
|
null)
|
|
Text(
|
|
_liveRoomController.roomInfoH5.value
|
|
.watchedShow!['text_large'] ??
|
|
'',
|
|
style: const TextStyle(fontSize: 12),
|
|
),
|
|
],
|
|
),
|
|
const Spacer(),
|
|
//刷新
|
|
IconButton(
|
|
tooltip: '刷新',
|
|
onPressed: () {
|
|
_futureBuilderFuture =
|
|
_liveRoomController.queryLiveInfo();
|
|
// videoSourceInit();
|
|
},
|
|
icon: const Icon(Icons.refresh),
|
|
),
|
|
//内置浏览器打开
|
|
IconButton(
|
|
tooltip: '内置浏览器打开',
|
|
onPressed: () {
|
|
Get.offNamed(
|
|
'/webviewnew',
|
|
parameters: {
|
|
'url':
|
|
'https://live.bilibili.com/h5/${_liveRoomController.roomId}',
|
|
'type': 'liveRoom',
|
|
'pageTitle': _liveRoomController
|
|
.roomInfoH5
|
|
.value
|
|
.anchorInfo!
|
|
.baseInfo!
|
|
.uname!,
|
|
},
|
|
);
|
|
},
|
|
icon: const Icon(Icons.open_in_browser)),
|
|
],
|
|
),
|
|
);
|
|
} else {
|
|
return const SizedBox();
|
|
}
|
|
},
|
|
),
|
|
),
|
|
PopScope(
|
|
canPop: plPlayerController.isFullScreen.value != true,
|
|
onPopInvokedWithResult: (bool didPop, Object? result) {
|
|
if (plPlayerController.isFullScreen.value == true) {
|
|
plPlayerController.triggerFullScreen(status: false);
|
|
if (MediaQuery.of(context).orientation ==
|
|
Orientation.landscape) {
|
|
verticalScreenForTwoSeconds();
|
|
}
|
|
}
|
|
},
|
|
child: Listener(
|
|
onPointerDown: (_) {
|
|
_node.unfocus();
|
|
},
|
|
child: SizedBox(
|
|
width: Get.size.width,
|
|
height: MediaQuery.of(context).orientation ==
|
|
Orientation.landscape
|
|
? Get.size.height
|
|
: Get.size.width * 9 / 16,
|
|
child: videoPlayerPanel,
|
|
),
|
|
),
|
|
),
|
|
Expanded(
|
|
child: Listener(
|
|
onPointerDown: (_) {
|
|
_node.unfocus();
|
|
},
|
|
child: Padding(
|
|
padding: const EdgeInsets.symmetric(vertical: 16),
|
|
child: LiveRoomChat(
|
|
roomId: _roomId,
|
|
liveRoomController: _liveRoomController,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Container(
|
|
padding: EdgeInsets.only(
|
|
left: 10,
|
|
top: 10,
|
|
right: 10,
|
|
bottom: 25 + MediaQuery.of(context).padding.bottom,
|
|
),
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.only(
|
|
topLeft: Radius.circular(20),
|
|
topRight: Radius.circular(20),
|
|
),
|
|
border: Border(
|
|
top: BorderSide(color: Color(0x1AFFFFFF)),
|
|
),
|
|
color: Color(0x1AFFFFFF),
|
|
),
|
|
child: Row(
|
|
children: [
|
|
Obx(
|
|
() => IconButton(
|
|
onPressed: () {
|
|
plPlayerController.isOpenDanmu.value =
|
|
!plPlayerController.isOpenDanmu.value;
|
|
GStorage.setting.put(SettingBoxKey.enableShowDanmaku,
|
|
plPlayerController.isOpenDanmu.value);
|
|
},
|
|
icon: Icon(
|
|
plPlayerController.isOpenDanmu.value
|
|
? Icons.subtitles_outlined
|
|
: Icons.subtitles_off_outlined,
|
|
color: _color,
|
|
),
|
|
),
|
|
),
|
|
Expanded(
|
|
child: TextField(
|
|
focusNode: _node,
|
|
controller: _ctr,
|
|
textInputAction: TextInputAction.send,
|
|
cursorColor: _color,
|
|
style: TextStyle(color: _color),
|
|
onSubmitted: (value) {
|
|
if (value.isNotEmpty) {
|
|
_onSendMsg(value);
|
|
}
|
|
},
|
|
decoration: InputDecoration(
|
|
border: InputBorder.none,
|
|
hintText: '发送弹幕',
|
|
hintStyle: TextStyle(
|
|
color: Colors.white.withOpacity(0.6),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
IconButton(
|
|
onPressed: () {
|
|
if (_ctr.text.isNotEmpty) {
|
|
_onSendMsg(_ctr.text);
|
|
}
|
|
},
|
|
icon: Icon(
|
|
Icons.send,
|
|
color: _color,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
);
|
|
if (Platform.isAndroid) {
|
|
return PiPSwitcher(
|
|
childWhenDisabled: childWhenDisabled,
|
|
childWhenEnabled: videoPlayerPanel,
|
|
floating: floating,
|
|
);
|
|
} else {
|
|
return childWhenDisabled;
|
|
}
|
|
}
|
|
|
|
Color get _color => Color(0xFFEEEEEE);
|
|
|
|
void _onSendMsg(msg) async {
|
|
if (!_isLogin) {
|
|
SmartDialog.showToast('未登录');
|
|
return;
|
|
}
|
|
dynamic res = await LiveHttp.sendLiveMsg(
|
|
roomId: _liveRoomController.roomId, msg: msg);
|
|
if (res['status']) {
|
|
_ctr.clear();
|
|
SmartDialog.showToast('发送成功');
|
|
} else {
|
|
SmartDialog.showToast(res['msg']);
|
|
}
|
|
}
|
|
}
|