tplink-tapo cctv 연결하기(feat. flutter)

회사에서 타포 회사꺼 씨씨티비 화면을 앱안에 넣게 되었다.

 

https://www.tp-link.com/kr/support/faq/2680/ 

RTSP/Onvif 프로토콜을 통해 PC/NAS/NVR에서 Tapo 카메라를 확인하는 방법 | TP-Link 대한민국

공 홈 가이드! 

 

보면 일단은 타포 기기에 세팅이 필요하다. 먼저 기기를 타포 앱깔고 연동한다.

이때 기기가 연결된 네트워크에 대해 알아야한다. (공유기접속계정알아야함!).그거슨 포트포워딩을 해야하기때문,,, 나 혼자만 집에서쓸거면 상관없는데 서비스에 넣을거면 어디서든 해당 씨씨티비를 볼 수있어야 하지 않겠는가.

 

나의 깨알 문의.

빠른답변에 해결법을 받아들였다.

 

포트는 총 두개를 열어야한다.

1. 554포트로 외부내부 동일하게

2. 2020포트로 외부내부동일하게

포트포워딩을 안해봤으면 헷갈릴 수 있지만 기본적으로

공인아이피 + 외부포트를 외부사용자기 치면

그것을 내부아이피 + 내부포트로 치환?해주는게 포트포워딩이다.

남들은 내 로컬에 함부로 들어올 수 없으나 설정을 통해서 오픈해주는것., 그래서 보안이슈가 많다.

 

내부아이피는 타포앱에서 추가된카메라의 장치정보에서 확인가능하다.

 

그리고 onvif OR rtsp두가지방법으로 지원한다 한다.

나는 rtsp를 사용했다. 이유는 타사 프로그램으로 onvif통해서 카메라 연결해봤을때 결국 rtsp url을 이용하더라.

즉, 별이유없음.,,

 

vlc player가 rtsp프로토콜을 이용해서 스밍해준다.

 

그럼 URL규칙은?

rtsp://<장치ID>:<장치PW>@<기기의 공인IP>/stream1

rtsp://<장치ID>:<장치PW>@<기기의 공인IP>/stream2  (화질 다운그레이드)

 

장치가 알아서 554포트와2020포트로 접근을 하나보다 그래서 공인아이피만 입력하면 됨.,

 

그리고

 

장치ID PW를 생성할때 특수문자가 들어가면 

예를들어 !@는 %21%40으로 변환됨. 여기서 이슈가 생길 수 있으니 애초에 깔끔하게 만드는게 필요함.

 

장치 ID PW는 타포앱에서 장치의 고급설정에서 생성가능.(외부에서 연동하려면 해야함)

 

 

https://pub.dev/packages/flutter_vlc_player

flutter_vlc_player | Flutter package

 

URL을 얻었으니이제 연동하면 된다.

알잘딱깔센연동성공!