Live Video Streaming from Raspberry Pi using MJPG-Streamer and HTML5 in the Local Network Area(LAN)

Hello there! After Remote Connection to MySQL Database in the Local Network Area(LAN) post, I am here with another fancy topic which makes live stream over HTTP. There are many ways to do this. But after a quick search, I have found the one that leads to minimal latency and works really well over a WIFI connection. The solution is the combination of MJPG-Streamer on the Raspberry Pi and HTML5 client website on the other computer.

Here is the technical description.

1 - My laptop's config:

- IP Adress:192.168.1.106
- Operating System: Windows 10
- HTML5 client website will be implemented in this computer.

2 - My Raspberry Pi's config:

- IP Adress:192.168.1.108
- Operating System: Raspbian Jessie Lite
- MJPG-Streamer program will be installed here and it will stream live video.

Both are on a wireless LAN connected through a TP-LINK router(192.168.1.1).

One by one we need to do following steps:

Remote Connection to MySQL Database in the Local Network Area(LAN)

Hello there! It has been long time to not write any post in the blog. I do not want to say that I did not have any time, inspiration or something. I had time, really good ideas but somehow I was too lazy to write them down to the blog. But, today I wanted to break this laziness. Anyway, from the title most probably you got what I want to do. But, basically I will explain it again.

I have a private wireless LAN at home as everybody and two device is connected to this network.

Here is the technical description.

1 - My laptop's config(It will be the server machine):

- IP Adress:192.168.1.106
- MySQL Server 5.7 on port 3306
- Operating System: Windows 10
- The database is in this machine

2 - My Raspberry Pi's config(It will be the client machine):

- IP Adress:192.168.1.108
- MySQL Server 5.7 on port 3306
- Operating System: Raspbian Jessie Lite
- This machine will connect to my laptop

Both are on a wireless LAN connected through a TP-LINK router(192.168.1.1).

So the big question is that how can I configure the devices to connect to the database and execute queries?

AdobeHDS(Adobe HTTP Dynamic Streaming) ve Video İndirme

Uzunca bir süredir Mete Çubukçu'nun NTV'de yayınlanan Pasaport adlı programını izliyorum. Çubukçu, “Pasaport”ta Ortadoğu’dan Avrupa’ya, Kafkasya’dan Amerika’ya uzanan geniş bir coğrafyada siyasi, sosyal, toplumsal gelişmeleri ve hayatları ekrana getiriyor. Çubukçu aynı zamanda dünya liderleriyle röportajlar yaparak programı renklendiriyor. Programın her bölümü ayrı bir keyif olmaKla beraber internet üzerinden izlenebiliyor. Buradaki linkten programın tüm bölümlerine ulaşabilirsiniz.

Benim bu yazıda değinmek istediğim nokta ise, internet ortamında bulunan bu videoları nasıl bilgisayarımıza indirebileceğimiz ile alakalı. Başlangıçta normal bir flash oynatıcı üzerinden stream yapıldığını düşünüyordum. Biraz uğraşsam dosyanın server üzerindeki yolunu bulup, videoyu bilgisayarıma indirebilecektim. Ancak daha sonra videoların "AdobeHDS" denen bir yöntemle stream edildiğini anladım. Peki nedir bu AdobeHDS?

AdobeHDS(Adobe HTTP Dynamic Streaming) normal HTTP bağlantıları üzerinden MP4 standartlarına uygun naklen video yayını yapılabilen bir yöntem. Ayrıca varolan önbellek altyapısını kullanarak iş akışı içerisine içerik hazırlamanızı sağlayan bir arayüz de sunmaktadır. Bu yazıda avantaj ve dezantajlarından bahsetmeyeceğim. Daha fazla bilgi almak isterseniz bu linkte fazlasıyla mevcut.

Alan Adınızın(Domain) Nameserver Adres Ayarlarını Yapmak

Herkese merhaba, bugünkü konumuza yaklaşık 1 yıl önce internette gezerken rastgele karşılaştığım ve hizmetinden son derece memnun kaldığım Hostinger sitesinden bahsederek giriş yapacağım. Öncelikle Hostinger ile ücretsiz üyeliği dışında hiç bir ilişkimin olmadığını belirterek yazıya giriş yapayım, peki neden bu sitenin tanıtımını yapıyorum? Çünkü vermiş olduğu harika hizmet(Reklamların olmaması yeterince harika bence) sebebi ile reklamının yapılması ve tavsiye edilmesi kanaatindeyim. Öncelikle siteye ücretsiz bir şekilde üye olmanız gerekli, vermiş olduğum bu linkten üye olabilirsiniz. Benim referansım ile kayıt olmak istemiyorsanız bu linkten üye olabilirsiniz.

Hostinger'in ufak tanıtımından sonra sıra, başka bir siteden almış olduğumuz alan adımızı(Domain), yine başka bir siteden almış olduğumuz hosting ile bağlamaya geldi. Bu işlemi yaparken alan adımızın "nameserver" alanlarını hosting sağlayıcımızın "nameserver" alanlarına eşitleyeceğiz. Ben domainlerimi GoDaddy sitesinden alıyorum. Almış olduğum bu domainleri ise Hostinger sitesinde oluşturmuş olduğum üyeliğin altındaki herhangi bir host alanına bağlıyorum. Örnekleri bu siteler üzerinden yapacağım. Ancak diğer hizmet sağlayıcı sitelerde de yapılan işlemler birebir aynıdır.

Yazımıza, GoDaddy'den alan adımızı aldığımızı ve Hostinger'de üyeliğimizin olduğunu varsayarak devam ediyorum. Aldığımız alan adlarını görüntülemek için GoDaddy'de menuden "Domain > Manage My Domains" seçeneğine tıklamalıyız. Aşağıdaki resimde gördüğünüz gibi satın aldığımız alan adlarımız listelenmiş bir şekilde karşımıza çıkacaktır. Burada "ns23.domaincontrol.com, ns24.domaincontrol.com" nameserver adreslerine sahip olan alan adları, otomatik olarak GoDaddy'nin nameserver adreslerine yönlendirilmiş vaziyettedir. Bizim yapacağımız bu alanları hosting sağlayıcımızın nameserver adreslerine yönlendirmek olacak. Tabii bu yönlendirmeyi yapmak için öncelikle "Lock" edilmiş alan adlarının "Lock" statülerini kaldırmalıyız.