다국어 자막
VTT/SRT 자막을 여러 개 등록하고 팝업 목록에서 선택합니다. 자막 위치·크기·스타일도 서비스 UI에 맞게 조정할 수 있습니다.
HTML5 PLAYER
플레이어가
서비스의 첫 경험을 결정합니다.
브라우저 표준 HTML5 재생을 기반으로 LIVE/VOD, 다국어 자막, 이어보기, 구간 제어와 외부 API를 하나의 경량 플레이어에 구성합니다.
HTML5MP4 / HLSMulti CaptionJavaScript APIResponsive
TRANS-ACT PLAYERREADY
Simple. Fast. Controllable.PC · Mobile · Tablet · TV
LIVE DEMO
홈페이지 안에서
바로 동작하는 플레이어.
HTML5플레이어를 제공하여 편리하게 적용할 수 있습니다. 다국어 자막(AI)과 영상 요약 기능을 제공 합니다. 온프레미스 AI 구축 및 VM설치 또한 지원 합니다.
* 다국어 지원 : 영어/중국어/일본어/러시아/불어/베트남어등 100개 이상 지원
※ HTML5 플레이어 구현 예시 이며, 컨텐츠는 저작권은 해당 지자체에 있습니다.
PLAYBACK CONTROL
재생 기능을 서비스 정책에 맞게 제어합니다.
단순 재생창이 아니라 교육·공공·아카이브 서비스에서 실제로 필요한 재생 제어를 API와 함께 제공합니다.
✓재생 · 일시정지 · 정지
✓볼륨 · Mute 제어
✓이어보기 · 자동재생
✓구간 이동 · 반복 제어
✓다국어 자막 선택
✓외부 JavaScript API
const player = new TransactPlayer({
el: '#player',
src: '/media/geochang.mp4',
subtitles: [
{ src:'/media/kor.vtt', title:'한국어' },
{ src:'/media/eng.vtt', title:'한국어' },
{ src:'/media/kor_eng.vtt', title:'한국어' },
{ src:'/media/jpn.vtt', title:'한국어' },
{ src:'/media/kor_jpn.vtt', title:'한국어' },
{ src:'/media/chn.vtt', title:'한국어' },
{ src:'/media/kor_chn.vtt', title:'English' }
],
captionPosition: 80,
videoInfoEnabled: true,
videoInfo: '교육 영상 / 2026 / Full HD / 자막 3종'
});
PLAYER FEATURES
가볍게 넣고,
필요한 기능만 확장합니다.
기존 홈페이지·LMS·CMS에 플레이어만 교체하거나, 미디어 플랫폼 전체 구성과 함께 적용할 수 있습니다.
외부 제어 API
재생 위치 추출·이동, 재생/정지, 네비게이션 활성·비활성 등 학습 진도와 연계되는 제어 기능을 구성할 수 있습니다.
커스텀 스킨
서비스 브랜드에 맞춘 컨트롤 스킨, 반응형 크기, 모바일 터치 환경을 적용할 수 있습니다.
LIVE / VOD
일반 MP4 재생뿐 아니라 서비스 환경에 따라 HLS 기반 VOD·LIVE 재생 구성을 적용합니다.
이어보기
사용자별 마지막 재생 위치를 저장해 다음 접속에서 이어서 재생하는 LMS형 기능을 연동할 수 있습니다.
멀티 디바이스
PC, 모바일, 태블릿 환경에서 동일한 재생 UI를 유지하고 화면 크기에 맞춰 자동 조정합니다.
기존 영상 시스템을 더 빠르고, 더 유연하게.
플레이어 교체부터 변환·스트리밍 통합, AI 기능 추가까지 단계적으로 적용할 수 있습니다.
