w
Belgeler Temel Araçlar M3u8 Player

Sıkça Sorulan Sorular

M3U8 Online Player hakkında sıkça sorulan sorular.

Genel Sorular

M3U8 nedir?

M3U8, Apple tarafından geliştirilen HTTP Live Streaming (HLS) için bir oynatma listesi formatıdır. İnternette video akışı için kullanılır ve çoğu modern tarayıcı ve cihaz tarafından desteklenir.

Player tüm tarayıcıları destekliyor mu?

Evet, player tüm modern tarayıcıları destekler:

  • Chrome 60+
  • Firefox 55+
  • Safari 10+
  • Edge 79+
  • Opera 47+

Player'ı mobil cihazlarda kullanabilir miyim?

Evet, player tamamen duyarlıdır ve şunlarda çalışır:

  • iOS Safari
  • Android Chrome
  • Mobil tarayıcılar
  • Tabletler

Teknik Sorular

Otomatik kalite değişimi nasıl çalışır?

Player şunlara dayalı olarak otomatik olarak kaliteyi seçer:

  • İnternet bağlantı hızı
  • Buffer boyutu
  • Cihaz performansı
  • Mevcut kalite seviyeleri

Video yüklenmezse ne yapmalıyım?

  1. URL'nin doğru olduğunu kontrol edin
  2. Sunucunun erişilebilir olduğundan emin olun
  3. CORS ayarlarını kontrol edin
  4. Başka bir tarayıcı deneyin
  5. Tarayıcı önbelleğini temizleyin

Buffering nasıl ayarlanır?

const player = videojs('player', {
  html5: {
    vhs: {
      overrideNative: true,
      enableLowInitialPlaylist: true,
      smoothQualityChange: true,
      handlePartialData: true,
    },
  },
});

Player altyazıları destekliyor mu?

Evet, player şunları destekler:

  • WebVTT altyazıları
  • SRT altyazıları
  • Otomatik dil değişimi
  • Özel stiller

Sorunlar ve Çözümler

Video takılıyor veya kesiliyor

Olası nedenler:

  • Yavaş internet bağlantısı
  • Sunucu sorunları
  • Yetersiz buffering

Çözümler:

  1. Video kalitesini düşürün
  2. Buffer boyutunu artırın
  3. Bağlantı kararlılığını kontrol edin

"Media source not supported" hatası

Nedenler:

  • Tarayıcı Media Source Extensions'ı desteklemiyor
  • JavaScript devre dışı
  • Eski tarayıcı sürümü

Çözümler:

  1. Tarayıcıyı güncelleyin
  2. JavaScript'i etkinleştirin
  3. Modern bir tarayıcı kullanın

Video kalitesi sorunları

Kalite ayarlama:

// Belirli kalite ayarla
player.hls.currentLevel = 2;

// Otomatik kaliteyi etkinleştir
player.hls.currentLevel = -1;

// Mevcut seviyeleri al
const levels = player.hls.levels;

Ayarlar ve Yapılandırma

Otomatik oynatma nasıl ayarlanır?

const player = videojs('player', {
  autoplay: true,
  muted: true, // Otomatik oynatma için gerekli
  preload: 'auto',
});

Özel kontroller nasıl eklenir?

const player = videojs('player', {
  controls: true,
  controlBar: {
    volumePanel: {
      inline: false,
    },
    fullscreenToggle: true,
    pictureInPictureToggle: true,
  },
});

Kısayol tuşları nasıl ayarlanır?

player.ready(() => {
  // Boşluk - oynat/durdur
  player.on('keydown', (event) => {
    if (event.code === 'Space') {
      event.preventDefault();
      if (player.paused()) {
        player.play();
      } else {
        player.pause();
      }
    }
  });
});

Performans

Performans nasıl optimize edilir?

  1. Doğru ayarları kullanın:
const player = videojs('player', {
  html5: {
    vhs: {
      overrideNative: true,
      enableLowInitialPlaylist: true,
      smoothQualityChange: true,
    },
  },
});
  1. Buffering ayarlayın:
player.tech().hls.bandwidth = 1000000; // 1 Mbps
  1. Performansı izleyin:
player.on('loadstart', () => {
  console.log('Yükleme başlıyor');
});

player.on('canplay', () => {
  console.log('Oynatıma hazır');
});

Veri kullanımı nasıl azaltılır?

  1. Daha düşük kalite seçin
  2. Otomatik oynatmayı devre dışı bırakın
  3. Metadata ön yükleme kullanın
  4. Buffer boyutunu ayarlayın

Güvenlik

Player'ı kullanmak güvenli mi?

Evet, player güvenlidir:

  • Kötü amaçlı kod yüklemez
  • Standart web teknolojileri kullanır
  • Kişisel veri toplamaz
  • Tarayıcıda yerel olarak çalışır

İçerik nasıl korunur?

  1. HTTPS kullanın:
const player = videojs('player', {
  html5: {
    vhs: {
      overrideNative: true,
    },
  },
});
  1. CORS ayarlayın:
// Sunucuda
Access-Control-Allow-Origin: https://yourdomain.com
Access-Control-Allow-Methods: GET, POST, OPTIONS
  1. Erişim tokenları kullanın:
player.src({
  src: 'https://example.com/stream.m3u8?token=your-token',
  type: 'application/x-mpegURL',
});

Entegrasyon

React ile nasıl entegre edilir?

import React, { useEffect, useRef } from 'react';
import videojs from 'video.js';

const M3U8Player = ({ src }) => {
  const videoRef = useRef(null);
  const playerRef = useRef(null);

  useEffect(() => {
    if (videoRef.current && !playerRef.current) {
      playerRef.current = videojs(videoRef.current, {
        html5: {
          vhs: {
            overrideNative: true,
          },
        },
      });
    }

    return () => {
      if (playerRef.current) {
        playerRef.current.dispose();
      }
    };
  }, []);

  useEffect(() => {
    if (playerRef.current && src) {
      playerRef.current.src({
        src: src,
        type: 'application/x-mpegURL',
      });
    }
  }, [src]);

  return (
    <div data-vjs-player>
      <video ref={videoRef} className="video-js" />
    </div>
  );
};

Vue.js ile nasıl entegre edilir?

<template>
  <div>
    <video ref="videoElement" class="video-js" />
  </div>
</template>

<script>
import videojs from 'video.js';

export default {
  name: 'M3U8Player',
  props: {
    src: String,
  },
  data() {
    return {
      player: null,
    };
  },
  mounted() {
    this.player = videojs(this.$refs.videoElement, {
      html5: {
        vhs: {
          overrideNative: true,
        },
      },
    });
  },
  beforeDestroy() {
    if (this.player) {
      this.player.dispose();
    }
  },
  watch: {
    src(newSrc) {
      if (this.player && newSrc) {
        this.player.src({
          src: newSrc,
          type: 'application/x-mpegURL',
        });
      }
    },
  },
};
</script>

Destek

Nereden yardım alabilirim?

  1. Dokümantasyon: Tam dokümantasyonu inceleyin
  2. Örnekler: Kod örneklerine bakın
  3. Topluluk: Geliştirici topluluğuna katılın
  4. GitHub: GitHub'da issue oluşturun

Hata nasıl bildirilir?

Hata bildirirken şunları dahil edin:

  1. Tarayıcı sürümü
  2. İşletim sistemi
  3. Stream URL'si
  4. Sorun açıklaması
  5. Konsol logları

İyileştirme nasıl önerilir?

  1. GitHub'da issue oluşturun
  2. Öneriyi açıklayın
  3. Gerekliliği kanıtlayın
  4. Uygulama önerin

Sonuç

M3U8 Online Player, video akışı için güçlü bir araçtır. Doğru ayarlar ve özelliklerin anlaşılmasıyla, izleyicileriniz için harika bir kullanıcı deneyimi yaratabilirsiniz.

Ek sorularınız varsa, topluluktan yardım istemekten çekinmeyin veya dokümantasyonu daha detaylı inceleyin.

Bu sayfa yardımcı oldu mu?