როგორ ჩავსვათ ლაივ კამერა საიტზე

ჩასაშენებელი კოდი

დაშბორდში გახსენით კამერა და დააკოპირეთ ჩასაშენებელი კოდი. ის ასე გამოიყურება — PUBLIC_ID კამერის საჯარო იდენტიფიკატორია და მასში კამერის IP ან პაროლი არ ჩანს:

<iframe src="https://live.videocamera.ge/embed/PUBLIC_ID"
  style="width:100%;aspect-ratio:16/9;border:0"
  title="Live camera"
  allow="autoplay;fullscreen;picture-in-picture" allowfullscreen></iframe>

ჩასვით კოდი საიტის HTML-ში იქ, სადაც ვიდეო გინდათ. title შეცვალეთ კამერის აღწერით (მაგ. „ბათუმის ბულვარი, ლაივი“) — ასე ეკრანის წამკითხველიც და საძიებო სისტემაც გაიგებს, რა არის ჩარჩოში.

ზომა ნებისმიერ ეკრანზე

width:100% პლეერს ბლოკის მთელ სიგანეზე გაშლის, aspect-ratio:16/9 კი სიმაღლეს თავად დაითვლის — ტელეფონზეც და კომპიუტერზეც. თუ კამერა 4:3 ფორმატისაა, ჩაწერეთ aspect-ratio:4/3. ზოგი ძველი კონსტრუქტორი aspect-ratio-ს „ჭამს“ — მაშინ გამოიყენეთ კლასიკური ვარიანტი გარსით (56.25% = 9 ÷ 16; 4:3-ისთვის 75%):

<div style="position:relative;width:100%;padding-top:56.25%">
  <iframe src="https://live.videocamera.ge/embed/PUBLIC_ID"
    style="position:absolute;top:0;left:0;width:100%;height:100%;border:0"
    title="Live camera" loading="lazy"
    allow="autoplay;fullscreen;picture-in-picture" allowfullscreen></iframe>
</div>

loading="lazy" ბრაუზერს ეუბნება, პლეერი მხოლოდ მაშინ ჩატვირთოს, როცა მომხმარებელი მასთან ჩამოსქროლავს. ეს სასარგებლოა, თუ ერთ გვერდზე რამდენიმე კამერაა.

ავტოდაკვრა და უხმო რეჟიმი

ყველა თანამედროვე ბრაუზერი (Chrome, Safari, Firefox, Edge) ვიდეოს ავტომატურად მხოლოდ უხმოდ უშვებს. ამიტომ ჩვენი პლეერი უხმოდ იწყება — ვიზიტორი გვერდს ხსნის და ლაივს მაშინვე ხედავს. რამდენიმე წესი:

• კოდიდან ნუ წაშლით allow="autoplay;fullscreen;picture-in-picture"-ს — მის გარეშე ჩარჩოში ავტოდაკვრა და სრულ ეკრანზე გაშლა შეიძლება დაიბლოკოს.
• iPhone-ზე ენერგიის დაზოგვის რეჟიმი ან მონაცემების დაზოგვა ავტოდაკვრას ზოგჯერ აჩერებს. მაშინ ვიზიტორი Play ღილაკს ხედავს და ერთი შეხებით რთავს.
• ავტოდაკვრის გამორთვა, ბრენდინგის დამალვა და კამერის სახელზე სარეკლამო ბმულის მიბმა დაშბორდის ჩაშენების პარამეტრებშია.

საიტის კონსტრუქტორები

• Tilda: დაამატეთ ბლოკი T123 („HTML კოდი“, განყოფილება „სხვა“), ჩასვით კოდი და გამოაქვეყნეთ. რედაქტორის გადახედვაში ვიდეო შეიძლება არ ჩანდეს — შეამოწმეთ გამოქვეყნებულ გვერდზე.
• Wix: Add Elements → Embed Code → Embed HTML. აირჩიეთ „Website address“ და ჩასვით კამერის პირდაპირი ბმული, ან „Code“ და ჩასვით კოდი. Wix ელემენტის ზომას თავად არ ცვლის — ჩარჩო ხელით გაწიეთ 16:9 პროპორციაზე.
• WordPress: უმარტივესია ჩვენი WordPress დანამატი shortcode-ით. დანამატის გარეშე გამოიყენეთ ბლოკი „Custom HTML“. გაითვალისწინეთ: მომხმარებლებს, რომლებსაც unfiltered_html უფლება არ აქვთ (მაგ. multisite-ზე), WordPress iframe-ს უშლის — shortcode ამ პრობლემას არ აწყდება.
• Joomla: ნაგულისხმევი TinyMCE რედაქტორი iframe-ს, როგორც წესი, შლის. ან System → Plugins → Editor - TinyMCE-ში აკრძალული ელემენტების (Prohibited Elements) სიიდან ამოიღეთ iframe, ან შექმენით Custom მოდული და კოდი რედაქტორის გამორთვით (Toggle Editor) ჩასვით.

პირდაპირი ბმული

საიტი თუ არ გაქვთ, ან ლაივის გაზიარება გინდათ სოციალურ ქსელში, მესენჯერში ან QR კოდით — დაშბორდიდან დააკოპირეთ კამერის პირდაპირი ბმული. ის ცალკე გვერდზე იმავე პლეერს ხსნის. გახსოვდეთ: ბმული მსგავსია გასაღების — თუ ის არასასურველ ადამიანებთან მოხვდა, დაშბორდში გააუქმეთ ან განაახლეთ და ძველი მაშინვე შეწყვეტს მუშაობას.

მხოლოდ თქვენს საიტზე: დაშვებული დომენები

ნებისმიერს შეუძლია თქვენი კოდის დაკოპირება და საკუთარ საიტზე ჩასმა. ამის ასარიდებლად კამერის პარამეტრებში ჩაწერეთ დაშვებული დომენები — ბრაუზერი პლეერს სხვა საიტზე აღარ აჩვენებს (frame-ancestors სათაურით). ჩაწერეთ სრული მისამართი https://-ით და ორივე ვარიანტი, თუ საიტი ორივეზე იხსნება:

https://example.ge
https://www.example.ge

კონსტრუქტორებზე დაამატეთ ის დომენიც, რომელზეც საიტი რეალურად იხსნება (მაგ. Tilda-ს ან Wix-ის ქვედომენი, თუ საკუთარი დომენი ჯერ არ მიგიბამთ). ნახვის შეზღუდვა პაროლით, ელფოსტის დადასტურებით ან საათების განრიგით აღწერილია სტატიაში ტრანსლაციის დაცვა.