HCha/PiliPlus
1
0
Fork 0
mirror of https://github.com/HChaZZY/PiliPlus.git synced 2025-12-06 09:13:48 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: 初步添加直播弹幕支持

Browse Source 
pick from cf87904fc6

opt: live danmaku style
This commit is contained in:
foxtoy
2024-08-29 18:00:42 +08:00
committed by bggRGjQaUbCoE
parent a119050944
commit 08e7e7b6e8
9 changed files with 510 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
lib/pages/live_room/view.dart
View File

@@ -1,11 +1,13 @@
import 'dart:io';
import 'package:PiliPalaX/pages/live_room/widgets/chat.dart';
import 'package:floating/floating.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:PiliPalaX/common/widgets/network_img_layer.dart';
import 'package:PiliPalaX/plugin/pl_player/index.dart';
import '../../utils/storage.dart';
import 'controller.dart';
import 'widgets/bottom_control.dart';
@@ -229,6 +231,15 @@ class _LiveRoomPageState extends State<LiveRoomPage> {
child: videoPlayerPanel,
),
),
Container(
height: MediaQuery.of(context).orientation ==
Orientation.landscape
? Get.size.height
: Get.size.height - (Get.size.width * 9 / 16) - 100,
color: const Color(0x10000000),
width: Get.size.width,
child: LiveRoomChat(
roomId: int.parse(Get.parameters['roomid']!)))
],
),
],

121
lib/pages/live_room/widgets/chat.dart Normal file
View File

@@ -0,0 +1,121 @@
import 'dart:convert';
import 'dart:developer';
import 'package:PiliPalaX/http/live.dart';
import 'package:PiliPalaX/models/live/danmu_info.dart';
import 'package:PiliPalaX/services/loggeer.dart';
import 'package:PiliPalaX/tcp/live.dart';
import 'package:flutter/material.dart';
import '../../../utils/storage.dart';
class LiveRoomChat extends StatefulWidget {
final int roomId;
const LiveRoomChat({super.key, required this.roomId});
@override
State<LiveRoomChat> createState() => _LiveRoomChatState();
}
class _LiveRoomChatState extends State<LiveRoomChat> {
String dm = "Danmaku Area";
final List<Widget> _items = [];
late LiveMessageStream msgStream;
@override
Widget build(BuildContext context) {
return ListView.builder(
itemCount: _items.length,
itemBuilder: (ctx, i) {
return _items[i];
},
); //Center(child: Text(dm,style: const TextStyle(color: Colors.red),),);
}
@override
void initState() {
LiveHttp.liveRoomGetDanmakuToken(roomId: widget.roomId).then((v) {
if (v['status']) {
LiveDanmakuInfo info = v['data'];
// logger.d("info => $info");
msgStream = LiveMessageStream(
streamToken: info.data.token,
roomId: widget.roomId,
uid: GStorage.userInfo.get('userInfoCache').mid ?? 0,
host: info.data.hostList[0].host,
port: info.data.hostList[0].port);
msgStream.addEventListener((obj) {
if (obj['cmd'] == 'DANMU_MSG') {
// logger.i(' 原始弹幕消息 ======> ${jsonEncode(obj)}');
setState(() {
var widget = Container(
decoration: const BoxDecoration(
borderRadius: BorderRadius.all(Radius.circular(100))),
child: ListTile(
dense: true,
leading: obj['info'][0][15]['user']['medal'] != null
? IntrinsicWidth(
child: Container(
// width: 70,
height: 20,
padding: const EdgeInsets.symmetric(
horizontal: 5,
),
color: Color((0xff000000 +
obj['info'][0][15]['user']['medal']
['color']) as int),
child: Center(
child: Text(
'${obj['info'][0][15]['user']['medal']['name']} '
'lv${obj['info'][0][15]['user']['medal']['level']}',
style:
const TextStyle(color: Color(0xffdddddd)),
),
),
),
)
: null,
style: ListTileStyle.list,
title: Text.rich(
TextSpan(
children: [
TextSpan(
text:
'${obj['info'][0][15]['user']['base']['name']}: ',
style: const TextStyle(
color: Color(0xFFAAAAAA),
fontSize: 14,
),
),
TextSpan(
text: obj['info'][1],
style: const TextStyle(
color: Color(0xFFFFFFFF),
fontSize: 14,
),
),
],
),
),
),
);
_items.add(widget);
if (_items.length >= 20) {
_items.removeAt(0);
}
});
}
});
msgStream.init();
}
});
super.initState();
}
@override
void dispose() {
msgStream.close();
super.dispose();
}
}
final PiliLogger logger = getLogger();