Yayın web sitenize nasıl eklenir

Tarayıcılar ve mobil cihazlar için hazır bir video oynatıcı

Sade bir RTSP bağlantısı bir web sayfasında doğrudan oynamaz. rtsp.me, IP kamera yayınını alır, internet üzerinden izlenmek üzere optimize eder ve hazır oynatıcı HTML kodu sağlar.

Kodu sitenize ekleyin — sayfa yayınlandıktan sonra ziyaretçiler ayrı bir yazılım kurmadan yayını açabilir.

Oynatıcı kodunu alın

RTSP tarayıcıda neden çalışmaz

RTSP, akış video kontrolü için tasarlanmıştır, ancak modern tarayıcılar protokolü doğrudan oynatamaz. Bir RTSP bağlantısını HTML'ye yapıştırırsanız veya sıradan bir adres olarak açarsanız, sayfada hiçbir video görünmez.

Web'de gösterebilmek için yayının alınması, uyumlu bir biçimde hazırlanması ve bir web oynatıcısı aracılığıyla izleyiciye ulaştırılması gerekir. rtsp.me'nin yaptığı iş budur.

IP kamera → RTSP → rtsp.me → web oynatıcı → site ziyaretçisi
Kameranın orijinal RTSP bağlantısını asla herkese açık HTML'ye koymayın. Bu bağlantı, kameranın genel adresini, kullanıcı adını ve şifresini içerebilir.

Neler elde edersiniz

Kendi oynatıcınızı oluşturmanıza veya ayrı bir video dönüştürme sistemi sürdürmenize gerek kalmaz.

Adım 1. Yayını hazırlayın

Önce IP kamerayı rtsp.me'ye ekleyin ve videonun başarıyla başlamasını bekleyin. Kamera henüz bağlı değilse, “Web sitesinde canlı yayın nasıl oluşturulur” rehberini izleyin.

  1. rtsp.me'yi açın ve hesabınıza giriş yapın.
  2. Bağladığınız kamerayı seçin.
  3. Görüntünün mevcut olduğundan ve yayının istikrarlı çalıştığından emin olun.
  4. Gömme ayarlarını veya oynatıcı kodunu açın.

Adım 2. HTML kodunu alın

rtsp.me, seçilen yayın için hazır bir HTML parçası oluşturur. Oynatıcı adresini veya hizmet parametrelerini değiştirmeden tamamını kopyalayın.

rtsp.me'deki kamera → oynatıcı kodu → HTML sayfası

Kod, platform harici oynatıcıların gömülmesine izin verdiği sürece sade bir HTML sitesinde, bir CMS şablonunda veya bir web sitesi oluşturucunun özel HTML bloğunda çalışır.

Örnek HTML kodu

<iframe
  src="https://rtsp.me/embed/WKZb7jUsUw5T9N4f/"
  style="width:100%; aspect-ratio:4/3; border:0;"
  title="RTSP yayın oynatıcısı"
  allow="fullscreen; autoplay"
  allowfullscreen>
  Iframe desteklenmiyor. <a href="https://rtsp.me/"
    title="rtsp video yayın hizmeti">rtsp.me</a> yayın oynatıcısı
</iframe>

Çalışan kodunuz kendi yayınınızın adresini içerecektir. Bunu gösterim amaçlı WKZb7jUsUw5T9N4f tanımlayıcısıyla değiştirmeyin.

Gömülü oynatıcı nasıl görünür

Adım 3. Kodu yerleştirin

  1. Yayının görünmesi gereken sayfayı açın.
  2. HTML düzenleme moduna geçin veya gömülü kod için bir blok ekleyin.
  3. Oynatıcı kodunu ihtiyacınız olan yere yapıştırın.
  4. Sayfayı kaydedin ve yayınlayın.
  5. Hem masaüstünde hem de telefonda bir tarayıcıda videonun başladığını kontrol edin.

Yayınlanan sayfa yüklendiğinde, oynatıcı rtsp.me'ye bağlanır ve mevcut yayını oynatmaya başlar.

Bazı içerik yönetim sistemleri, güvenlik kuralları gereği gömülü öğeleri HTML'den çıkarır. Bu olursa, güvenilir alan adı için gömmeye izin verin veya geliştiricinizden kodu sayfa şablonuna eklemesini isteyin.

Tarayıcılar ve mobil cihazlar

rtsp.me, kaynak yayını yalnızca masaüstü tarayıcılar için değil, mobil cihazlar için de optimize eder. Bir ziyaretçinin RTSP izleme yazılımı kurmasına veya herhangi bir kamera kimlik bilgisi girmesine gerek yoktur.

Duyarlı oynatıcı, genişliğinin ekrana uyum sağlaması için bir sayfa kabına yerleştirilebilir. Yayınladıktan sonra telefonda hem dikey hem yatay yönlendirmeyi ve sayfayı yavaş bir mobil bağlantı üzerinden kontrol edin.

İzleme kalitesi ayrıca kamera ayarlarına ve sahada bulunan yükleme hızına bağlıdır. Öneriler “Önerilen IP kamera ayarları” sayfasındadır.

Ziyaret istatistikleri

Yayın sahibi ziyaret istatistiklerine erişebilir. Bunlar, izleyici ilgisini ölçmenize ve oynatıcının sitede nasıl kullanıldığını takip etmenize yardımcı olur.

İstatistikler rtsp.me arayüzünde kullanılabilir. Hangi ölçütlerin gösterildiği yayın ayarlarına ve kullanılan plana bağlı olabilir.

PHP üzerinden güvenli entegrasyon

Herkese açık bir yayın için sade HTML kodu yeterlidir. Video yalnızca kayıtlı müşteriler, personel veya müşteriler için ise, oynatıcı sunucu tarafı PHP kodu üzerinden bağlanabilir.

Bu kurulumda sunucunuz önce kullanıcının izinlerini kontrol eder, ardından ona benzersiz bir oynatıcı bağlantısı verir. Bağlantı her ziyaretçi için ayrı oluşturulur ve sayfanın herkese açık HTML'sinde kalıcı olarak saklanmaz.

Sitenizde giriş → sunucuda PHP → benzersiz bağlantı → kullanıcının oynatıcısı
  1. Kullanıcı sitenizdeki hesabına giriş yapar.
  2. PHP kodu, izlemeye izin verilip verilmediğini kontrol eder.
  3. Sunucu, rtsp.me entegrasyon parametrelerini kullanarak kişisel bir bağlantı oluşturur.
  4. Sayfa, bağlantıyı yalnızca o kullanıcı için oynatıcıya iletir.

PHP entegrasyonunun izin verilen alan adları, bir şifre, IP engelleme ve hesap tabanlı erişimle karşılaştırması “Yayın kopyalanmaya karşı nasıl korunur” rehberindedir.

Gizli entegrasyon parametreleri yalnızca sunucuda tutulmalıdır. Bunları JavaScript'e, herkese açık HTML'ye veya site deponuza koymayın. Tam PHP kodunu ve verme parametrelerini belgelerden veya rtsp.me hesap ayarlarınızdan alın.

Sıkça sorulan sorular

Bir RTSP bağlantısını doğrudan sayfaya koyabilir miyim?
Hayır. Modern tarayıcılar genellikle RTSP'yi doğrudan oynatmaz. Hazır rtsp.me web oynatıcı kodunu kullanın.
Yayın ne zaman çalışmaya başlar?
Kamera zaten bağlıysa ve rtsp.me'de mevcutsa, kod eklenip sayfa yayınlanır yayınlanmaz oynatıcı başlayabilir.
Oynatıcı telefonda çalışır mı?
Evet. Yayın ve oynatıcı modern tarayıcılar ve mobil cihazlar için optimize edilmiştir.
İstatistikleri nerede görebilirim?
Yayının ziyaret istatistikleri sahibi için rtsp.me arayüzünde mevcuttur.
Yayını dışarıdakilere nasıl kapatırım?
Sunucu tarafı PHP entegrasyonunu kullanın: siteniz kullanıcıyı kontrol eder ve ona benzersiz bir oynatıcı bağlantısı verir. Gizli parametreler sunucuda kalır.

Yayını web sitenize koyun

Kamerayı rtsp.me'ye bağlayın, hazır oynatıcı kodunu alın ve ihtiyacınız olan sayfaya ekleyin.

rtsp.me'ye gidin