도입문의
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설치 또한 지원 합니다.

※ 최신 플레이어 적용: 동영상 정보 버튼 + 재생 중 자막 변경 즉시 재로드

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에 플레이어만 교체하거나, 미디어 플랫폼 전체 구성과 함께 적용할 수 있습니다.

CC

다국어 자막

VTT/SRT 자막을 여러 개 등록하고 팝업 목록에서 선택합니다. 자막 위치·크기·스타일도 서비스 UI에 맞게 조정할 수 있습니다.

API

외부 제어 API

재생 위치 추출·이동, 재생/정지, 네비게이션 활성·비활성 등 학습 진도와 연계되는 제어 기능을 구성할 수 있습니다.

UI

커스텀 스킨

서비스 브랜드에 맞춘 컨트롤 스킨, 반응형 크기, 모바일 터치 환경을 적용할 수 있습니다.

HLS

LIVE / VOD

일반 MP4 재생뿐 아니라 서비스 환경에 따라 HLS 기반 VOD·LIVE 재생 구성을 적용합니다.

RES

이어보기

사용자별 마지막 재생 위치를 저장해 다음 접속에서 이어서 재생하는 LMS형 기능을 연동할 수 있습니다.

DEV

멀티 디바이스

PC, 모바일, 태블릿 환경에서 동일한 재생 UI를 유지하고 화면 크기에 맞춰 자동 조정합니다.

기존 영상 시스템을 더 빠르고, 더 유연하게.

플레이어 교체부터 변환·스트리밍 통합, AI 기능 추가까지 단계적으로 적용할 수 있습니다.

도입 문의하기 →