8.1 Front‑end React Component (TypeScript) // src/components/HDStoryPlayer.tsx import React, useEffect, useRef, useState from 'react'; import videojs from 'video.js'; import 'video.js/dist/video-js.css'; import './HDStoryPlayer.css';

POST /api/analytics Headers: Authorization: Bearer <jwt> Body:

"videoId": "bana-masal-2024", "eventType": "play", "positionSec": 0, "userAgent": "...", "timestamp": "2026-04-18T09:34:21.123Z"

// ---- initialise Video.js ------------------------------------------------- useEffect(() => { if (!info || !videoRef.current) return;

Bana Masal Anlatma Izle Full Hd Tek Part 1080p <Top-Rated — VERSION>

8.1 Front‑end React Component (TypeScript) // src/components/HDStoryPlayer.tsx import React, useEffect, useRef, useState from 'react'; import videojs from 'video.js'; import 'video.js/dist/video-js.css'; import './HDStoryPlayer.css';

POST /api/analytics Headers: Authorization: Bearer <jwt> Body: Bana Masal Anlatma Izle Full Hd Tek Part 1080p

"videoId": "bana-masal-2024", "eventType": "play", "positionSec": 0, "userAgent": "...", "timestamp": "2026-04-18T09:34:21.123Z" useState from 'react'

// ---- initialise Video.js ------------------------------------------------- useEffect(() => { if (!info || !videoRef.current) return; import videojs from 'video.js'