Камера Live view (Hikvision) с Flutter
Я создаю приложение Flutter, и мне нужно подключиться и просмотреть прямую трансляцию нашей IP-камеры Hikvision внутри нашего здания:
Я пробовал эти две библиотеки, но они очень старые, и я не мог заставить их работать:
a) flutter_hk: ^1.0.2 => он не поддерживает «нулевую безопасность», поэтому я не смог собрать свое приложение https://pub.dev/packages/flutter_hk/install
б) remote_ip_camera: ^2.0.0 => выдает много ошибок, так как использует старые виджеты, такие как FlatButton и RaisedButton https://pub.dev/packages/remote_ip_camera/пример
Как это соединение можно установить внутри моего приложения Flutter и показать канал камеры внутри виджета «Контейнер»? У меня есть IP-адрес камеры, порт, имя пользователя и пароль.
Я искал везде, но не смог найти официальной документации от Hikvision или любого другого производителя IP-камер.
Ответы 1
Я использовал https://pub.dev/packages/flutter_vlc_player для потоковой передачи rtsp потока камеры hikvision.
создайте виджет video_streaming_window.dart с кодом ниже
import 'package:flutter/material.dart';
import 'package:flutter_vlc_player/flutter_vlc_player.dart';
class VideoStreamingWindow extends StatefulWidget {
final String url;
const VideoStreamingWindow({Key key, this.url}) : super(key: key);
@override
State<VideoStreamingWindow> createState() => _VideoStreamingWindowState();
}
class _VideoStreamingWindowState extends State<VideoStreamingWindow> {
VlcPlayerController _videoPlayerController;
@override
void initState() {
super.initState();
_videoPlayerController = VlcPlayerController.network(
widget.url,
autoInitialize: true,
hwAcc: HwAcc.full,
autoPlay: true,
options: VlcPlayerOptions(),
);
}
@override
void dispose() {
super.dispose();
_videoPlayerController.pause();
_videoPlayerController.dispose();
}
@override
Widget build(BuildContext context) {
return VlcPlayer(
controller: _videoPlayerController,
aspectRatio: 16 / 9,
placeholder: const Center(
child: CircularProgressIndicator(
color: Colors.white,
)),
);
}
}
Вызовите его в своем пользовательском интерфейсе, где это необходимо, с помощью VideoStreamingWindow(url: 'rtsp://<username>:<password>@<camera-ip>/ISAPI/Streaming/channels/<channel-no>')