Öneri M3u Web Editörü by Latte

Evet Ilk kulanimimi yaptim ve cok iyi olmus Site sadece M3u olusturmasi benim diger programam gore biraz daha uzun suruyor benim icin o yuzden su soruyu sormak istiyorum Baska bir Programla m3u olusturup sonunda da dosyayi siteye atip oradan gelen m3u yu kulansam Kodlari duzeltir mi ? site ?
Elbette yapar.

Yani özetle şuraya kadar tertemiz yapar:
Liste EXTM3U ile başlar.
Varsa x-tvg-url adresini korur.
Satırlar EXTINF ile başlayıp içerisinde tvg-name, tvg-id, group-title ve tvg-logo satırları belirir.
Varsa referrer ve user agent satırlarını korur.

Geri kalan tüm satırları ve karakterleri siler.
 
@Latte Vurdu gol oldu :) Bende diyorum bu adam nerde yine harikalar yaratmak için gömmüş kendini :p @patr0n ve @Memetcandal kardeşlerimizin yardımları ile muhteşem bir iş çıkmış. Emeklerinize sağlık.
Teşekkür ederim kardeşim. Test kullanıcısı olarak seni de düşünmedim değil 😅 Özellikle sesli komutlarla işlem yapabilme konusunda.

Bu arada konsolda her bir komutu ayrıca yansıttığım için onu test ederken arkada açık olsn YouTube videolarını alt yazılı izliyor gibi oluyordum 😂
 
Güncelleme

Hata düzeltmesi (Favorilere Eklem Fonksiyonu)

Kanal listesinin herhangi bir yerindeyken (başka bir sayfada kanalları incelerken) ya da arama ile bulunan kanalları kanal kartları üzerinden favorilere eklediğinizde oluşan listenin başa dönmesi ve ilk sayfa olarak açılması düzeltildi.
 
Abi inanır mısın hiç bir şey yapmadım bizden bahsedilmesinin sebebi vesile olmamız başka bir numaramız yok vallaha😂
Ne demek hiçbir şey yapmadım.

İnsanı teşvik eden faktörler vardır. Eh senin katkını görerek ben de bir şeyler verebilmek istedim.
Elinden geldiğini veriyor insan.

Sen patlamış mediafire linklerine bak kardeşim emi. Tam yazarken Umut Bozok attı, post'u gönderemedim ekrana bakarken 😂
 
Hadi artık sizi bekliyoruz gelmiyormusunuz :D:D:D
Yok öyle fırsatını bulduğunda ;)))

Bu arada önceki konunuzdaki kısaltılmış url olarak verdiğiniz adres github repo dosyasına ait raw adresine değil.
Çalıştıramadım listeyi diyenlerin çalıştıramama sebebi bu olsa gerek.

Onu :

bu adresle değiştirmeniz gerekiyor ;)
 
Yok öyle fırsatını bulduğunda ;)))

Bu arada önceki konunuzdaki kısaltılmış url olarak verdiğiniz adres github repo dosyasına ait raw adresine değil.
Çalıştıramadım listeyi diyenlerin çalıştıramama sebebi bu olsa gerek.

Onu :

bu adresle değiştirmeniz gerekiyor ;)
eline sağlık sen benim yerime yapmışsın kardeşim,
 
Yok öyle fırsatını bulduğunda ;)))

Bu arada önceki konunuzdaki kısaltılmış url olarak verdiğiniz adres github repo dosyasına ait raw adresine değil.
Çalıştıramadım listeyi diyenlerin çalıştıramama sebebi bu olsa gerek.

Onu :

bu adresle değiştirmeniz gerekiyor ;)
Kardeş Kaf Kaf sız Göz Göz, Göz Göz'süz Kaf Kaf olmaz. Bilen bilir Türkiye'de Derbi ve rekor dedin mi akla bizler geliriz. 80 Bin seyirci ile rekor bizde ve ben o maçta tribündeydim
 
Kardeş Kaf Kaf sız Göz Göz, Göz Göz'süz Kaf Kaf olmaz. Bilen bilir Türkiye'de Derbi ve rekor dedin mi akla bizler geliriz. 80 Bin seyirci ile rekor bizde ve ben o maçta tribündeydim
Doğru, katılıyorum elbette ama forumda bu tür konulara pek girilmez.
Bir de konu dışında farklı yerlere gitmemeli konu başlığına göre atılan mesajlar ;)
 
@Latte veya @patr0n size burada birşey sormak istiyorum Origin diye birşey buldum m3u yapılan listelerin bazılarında bu tam olarak nedir?

Http Referer = Site URL
User Agent. = Video oynatıcı sürümü gibi birşey 🥲😅
Peki Origin tam olarak nedir ve @Latte abi bunu da integre etme ihtimalin varmı Editöre sanırım bazı URL lerde Origin de eklemek gerekiyor çalışması için
 
@Latte veya @patr0n size burada birşey sormak istiyorum Origin diye birşey buldum m3u yapılan listelerin bazılarında bu tam olarak nedir?

Http Referer = Site URL
User Agent. = Video oynatıcı sürümü gibi birşey 🥲😅
Peki Origin tam olarak nedir ve @Latte abi bunu da integre etme ihtimalin varmı Editöre sanırım bazı URL lerde Origin de eklemek gerekiyor çalışması için

M3u listelerinde olmaz o eğer standart bir iptv oynatıcı ile açacaksan yani maksat televizo ya da benzeri uygulamalarsa onların çalıştırdığı m3u listeleri örneklerinde benim siteye eklediklerim dışındaki tag veya diğer satırlar olmuyor.

Zaten her m3u listesi aynı hazırlanmıyor. Kodi için ya da vlc için ayrı türde listeler hazırlanabiliyor ve normalde senin benim kullanmadığımız satır başlıkları oluyor farklı şeyleri işaret etmek ve oynatıcıyı yönlendirebilmek için.

Origin de muhtemelen proxy kullanılanlar için geçerlidir ve eklesen de etki etmeyecek birşeydir.
 
@Latte veya @patr0n size burada birşey sormak istiyorum Origin diye birşey buldum m3u yapılan listelerin bazılarında bu tam olarak nedir?

Http Referer = Site URL
User Agent. = Video oynatıcı sürümü gibi birşey 🥲😅
Peki Origin tam olarak nedir ve @Latte abi bunu da integre etme ihtimalin varmı Editöre sanırım bazı URL lerde Origin de eklemek gerekiyor çalışması için
Referrer gibi bir şey daddy live konusunda bıraktığım referans linklerine göz at orada ekledim origin ve referrer bu sayede m3u yayınları televizoda çalışır hale geldi
 
Ekleyeyim o zaman onu da. Çok biliyor gibi yazmama gerek de yokmuş.
Mommy ve Daddy madem ihtiyaç duyuyor bu origine ;))
 
M3U Web Editörü / PWA Özellikli
Kısaltılmış Adres:
Orijinal Adres:


📺 Genel Bakış

M3U Web Düzenleme Aracı, IPTV kanal listelerinizi kolayca yönetmenizi sağlayan modern ve kullanıcı dostu bir web uygulamasıdır. Sesli komutlar, koyu/açık tema desteği ve gelişmiş kanal yönetimi özellikleri ile M3U dosyalarınızı zahmetsizce düzenleyebilirsiniz.

Kullanılabilir Arayüzler
koyu-tema-full-site.png

Koyu Tema
acik-tema-full-site.png

Açık Tema
🎨 Tema Desteği
  • Açık ve koyu tema seçenekleri
  • Göz yorgunluğunu azaltan tasarım
  • Kullanıcı tercihlerine göre otomatik tema değişimi
🌟 Özellikler

📝 Temel Özellikler

  • M3U dosyalarını yükleme ve düzenleme
  • Kanal ekleme, düzenleme ve silme
  • Kanal gruplarını yönetme
  • Kanal arama ve filtreleme
  • Favori kanalları kaydetme
  • PWA (Aplikasyon gibi tarayıcı ve internet olmadan kullanabilme)
  • Sesli komut ile işlem gerçekleştirme ve kanal/kanal grubu arama.
  • M3u/M3u8 bağlantı adreslerinin sunucu durumunu kontrol etme (erişim kontrolleri için)
  • M3u8 ve diğer akış adreslerini ekli olan kanal kartlarından ya da sol menüden direkt oynatabilme.



Sesle Yönetme / Akıllı Asistan Desteği
🎤 Sesli Komut Desteği
Uygulamayı sesinizle kontrol edebilirsiniz. Kullanılabilir sesli komutlar:
  • "Kanal ekle": Yeni kanal ekleme penceresini açar.
  • "Yeni liste": Yeni bir M3U listesi oluşturur.
  • "Dosya yükle": M3U dosyası yükleme penceresini açar.
  • "URL yükle": URL'den M3U listesi yükleme penceresini açar.
  • "İndir": Mevcut listeyi M3U dosyası olarak indirir.
  • "Editör": Metin editörünü açar.
  • "Favoriler": Favori kanalları gösterir.
  • "Tema": Açık/koyu tema arasında geçiş yapar.
  • "Ara [kelime]": Kanallarda arama yapar.
⌨️ Klavye Kısayolları
Kod:
Ctrl + K
: Sesli komut dinlemeyi başlatır/durdurur.
- Sesli Komutlar
  • Mikrofon simgesine tıklayarak veya
    Kod:
    Ctrl + K
    kısayolunu kullanarak sesli komutları aktifleştirebilirsiniz
  • Arama alanındaki mikrofon ile arama yapmak için simgeye tıklayın ve "ara" kelimesinden sonra aranacak terimi söyleyin
kanal-arama-sesli-arama-simgesi.png
sesli-asistan-ses-komutlari.png


PWA (Progressive Web Application) - Masaüstü Uygulama gibi Kullanma Desteği
pwa-yukleme.png
pwa-onay.png
pwa-full-kullanim.png
📱 Progressive Web App (PWA)
  • Masaüstü uygulaması gibi çalışabilme
  • Çevrimdışı kullanım desteği
  • Hızlı yükleme ve performans
Bilgi:Tarayıcınızın adres çubuğunda yükleme butonunu görebilirsiniz.
Yükle dediğiniz anda bilgisayarınıza bir aplikasyon gibi yüklenecek ve masaüstünde kısayol olarak görebileceksiniz.
Böylece tarayıcıdan açmadan direkt olarak uygulama kullanır gibi de kullanabileceksiniz.
Her türlü kolaylığı sağlamak istedim ;)
Yüklendikten sonra uygulamayı açtığınız zaman böyle bir arayüz ile karşılacaksınız.
Web sitesinde kullandığınız gibi sesli komutla yönetme, tema değiştirme vb her özelliği birebir kullanabilirsiniz.
Web üzerinden ya da bu şekilde kullanmakta hangisi işinizi kolaylaştırırsa onu tercih etmelisiniz.


Detaylı diğer özelliklerden bazıları:

Kanal/Kanal Grubu Kartları ve İstatistikler
kanallar.png
kanal-gruplari.png
istatistikler.png
- Kanallar bu şekilde listelenir.
- Gördüğünüz her bir kanal için bir kanal kartı oluşur ve üzerinde kanal sıra numarası (listenizi kullanırken tüm kanallar sıralandığındaki konumu), oynatma, düzenleme, silme ve kanal sıralamasını tek tuşla değiştirebileceğiniz ok tuşları bulunuyor. Bu şekilde kanalları yukarı ve aşağı olacak şekilde istediğiniz sıraya taşıyabilirsiniz.
Kullanabileceğiniz özellikleri oldukça beğeneceğinizi düşünüyorum.
Kanal kartları üzerindeki oynat butonunu çok seveceksiniz.
- Kanal grupları bu şekilde sıralanır.
- Burada gördüğünüz üzere kanal grupları için de kartlar bulunuyor ve bu kartların üzerinde de adını değiştirmek için düzenleme butonu ve silme butonu bulunur.
- Silme fonksiyonu için iki seçenek sunuyorum sizlere:
  1. Kanal grubunu ve ona ait tüm kanalları silmek.
  2. Kanal grubunu silip içerisindeki kanalları listede tutmak. Bunu yaparsanız eğer silmek istemediğiniz kanalları farklı bir gruba taşıyabilir ya da grupsuz bırakabilirsiniz.
Yüklü listenin istatistiklerini görebilmeniz için bir panel.
Görebildiğiniz üzere sınırlı sayıda istatistik ekledim fakat yeterli olacağını düşünüyorum.
  • Kanal sayısı
  • Kanal grubu Sayısı
  • Kanal grubu eklenmeyen kanalların sayısı
  • En fazla kanala sahip kanal grubu
  • En az kanala sahip kanal grubu
Bu istatistiklerin bile en azından bazı düzenlemelerinizde size yardımcı olabileceğini düşündüm.


Kanal Düzenleme/Favoriler/İşlem Geçmişi
kanal-duzenle.png
favoriler.png
islem-gecmisi.png
Kanal düzenleme paneli kanal kartı üzerindeki düzenle butonuna bastığınızda karşınıza çıkar.
Buradan yapabilecekleriniz:
  • Kanal adını değiştirme
  • Kanal ID'sini değiştirme (EPG için işe yarar bir özelliktr.)
  • Kanala bir görsel ekleyebilme ve anında ekli olan görseli önizleyebilme. Ayrıca eğer doğru bir kanal adı kullanıyorsanız ve benim eklediğim logolar arasında o isimde görseller varsa Logo URL alanının en sağındaki öneri simgesi renkli yanar ve hareket eder. Ona tıklayarak önerilerin logolardan seçebilirsiniz.
  • Kanala bir grup ekleme. Mevcut veya yeni bir kanal grubu oluşturarak.
  • Kanalın akış adresini (Stream URL) ekleme ve VPN ihtiyacı yoksa direkt olarak test et butonuyla yayını anında test edebilirsiniz.
  • Ekstralar butonu ile de: http-referrer ve http-user-agent ekleyebilirsiniz. User Agent için hazır liste hazırladım ;)
Favori kanallar özelliği, aslında bir çok kişinin çok işine yarayacağını düşündüğüm bir özellik.

Buradaki amaç IPTV uygulaması gibi kanalları favorilere eklemek olsa da aradaki fark hangi listeden favori kanal eklerseniz ekleyin favorilerde durmaya devam eder.

Hangi listeyi açarsanız açın siz favorilerden kaldırmadıkça aynı kanalları favoriler menüsünden görebileceksiniz ve istediğiniz listeye istediğiniz favori kanalınızı veya tüm favori kanallarını tek seferde ekleyebilirsiniz.
Hatta sadece favori kanallardan oluşan bir liste bile yapabilirsiniz.

Eğer listenizde olan bir kanalı favorilerden o listeye eklemek isterseniz halihazırda ekli olduğu için kontrol ederek sizi uyaracağım ve eklenmeme nedenini açıklığa kavuşturacağım. Listenizde olmayan kanallar direkt olarak favorilerden listenize eklenecektir. Tabi ki siz ekle diyeceksiniz ;)
İşlem geçmişi özelliği yaptığınız işlemlerin %90'ını kayıt altına almak içindir.
Her bir liste açışınızda sıfırlanacaktır.
Yani aktif olarak düzenlediğiniz listeyi değiştirdiğiniz taktirde işlem geçmişi de yok olur.


Menü bağlantıları/patr0n özel/URL Kontolü
video-oynaticilar.png
patr0n-m3u-linkleri.png
url-gecerlilik-kontrolu.png
Sol menü içeriği böyledir.
Tek tek anlatacağım fakat buradan gösterip söyleyebileceklerim:
@patr0n yaş farkına rağmen arkadaşım gibi gördüğüm bir kardeşim. Buradaki katkılarını ve çabasını görmezden gelemeyeceğim için ona özel birkaç özellik ekledim. Fakat ona özel olan bu durum biz diğer kullanıcıların faydalanacağı türden.
LDiğer projelerimdeki kodlarımı da kullanarak bu projede de aynı sayfa üzerinden oradan sağladığım içeriğe de ulaşabilirsiniz.
Ayrıca, Video URL Test menü elemanını amacı alt menülerden de görebileceğiniz projede kullandığım oynatıcı ile ya da Proxy destekli oynatıcı projemdeki oynatıcıyla akış adreslerini test edip izleyebilirsiniz.
Proxy Oynatıcı, bir çok videoyu açabilse de bir iki ipucu veren özellik taşıyor. Örneğin;
Eğer akış başlamadan direkt uyarı veriyorsa kırmızı ile yayın tamamen kapalı ya da erişimi zordur.
Eğer açılıyormuş gibi dönüp duruyorsa VPN ihtiyacı vardır.
Eğer açılıyor gibi olup video oynatıcıda önbellek süresi de görünmesine rağmen oynatılamıyor uyarısı veriyorsa ya ben oynatabilmek için yeterli altyapıyı sağlayamamışımdır ve muhtemelen VPN ile ya da VPN'siz rahatça açılacaktır.
@patr0n 'un kendi konusu içerisinde paylaştığı günlük m3u linklerini tek seferde alıyoruz.
En son güncelleme yaptığında ne zaman yeni liste adresleri eklediğini, kaç adet link eklediyse adetini ve toplamda kaç adet liste adresine ulaşabileceğimizi görüyoruz.
Adresleri tek tıkla kopyalabiliyor ve istersek Xtream Code olarak gösterip o şekilde kullanırken elle adresleri ayırmamıza gerek kalmıyor.
Tüm eklenen bağlantıları tek seferde alabilmek için sayfalandırma özelliğini aktif ettim. Böylece 10.000 üzerindeki listelerin yüklenmesini beklemeden sayfa sayfa istediğimize erişebileceğiz. Şu anda her sayfada 100 m3u adresi olacak şekilde düzenledim. Her seferinde yüzlerce bağlantı vermez diye. Bugün gördüm ki 500 küsür tek seferde gelmiş 😅
Ayrıca yan tarafa ekli olacak olan m3u/m3u8 linkleri için URL Geçerlilik Kontrolü yazılımım sayesinde de buradan aldığımız linkleri direkt oraya gidip kontrolünü yaparak uygunsa URL ile Yükle butonuyla ekrana getirebiliyoruz.
Yani ordan oraya gidip farklı uygulama veya siteler kullanmaktansa liste düzenlerken sayfa değiştirmeden kullanabilirsiniz.
Görselden de görebileceğiniz üzere asıl amacı akış adreslerini test etmek olsa da direkt olarak m3u adreslerini de test edip coğrafi engeli var mı, VPN gerektirir mi gerektirmez mi, erişime tamamen mi kapalı kısmen mi gibi özellikleri görebilmenizi sağlıyor.
Alınan HTTP durum kodlarını da mümkün olduğunca geniş tuttum. Yanındaki bilgi butonuyla ne anlama geldiğini de görebilirsiniz.
Ekstralar alanında ise eğer kısıtlı bir liste ya da akış adresi değilse daha detaylı bilgileri görebileceksiniz.

Hazır Listeler/EPG Listeleri

hazir-listeler.png
epg-listeleri.png
Forumdaki arkadaşlarımızın kendi listelerini eklemeye çalıştım. Sürekli güncelleyerek kendi listelerini paylaşan diğer arkadaşların da katılımlarıyla bu listeyi zenginleştirebiliriz diye düşünüyorum.Burada open-egg sitesinden aldığım 4 adet EPG listesini ve sadece kanal logoları için hazırladığım kendi EPG listemi sundum. Yani en üsttekini tıklayarak sadece kanal logoları için olan bir EPG listesi kullanabilir ya da alttakilerden tv rehberi olarak adres alabilirsiniz.
Uygulamanız destekliyorsa hepsini ekleyebilirsiniz tabi ki.

Öğreticiler

siteyi-nasil-kullanirim.png
metin-editoru-kullanimi-ogreticisi.png
Sol menüdeki Siteyi Nasıl Kullanırım linkine tıklarsanız sizi bir öğretici karşılayacak.
Böylece adım adım nerede ne yapacağınızı size basitçe anlatacağım.
Öğreticiyi açmadan önce sağ alttaki Hazır Liste butonuyla 3 kanallı hazır bir liste açmanızı tavsiye ederim. Böylece öğretici adımları daha anlaşılır ve görsel olarak hizalı olacaktır.
Burada gördüğünüz ise Metin Editörü içerisine eklediğim öğretici paneli.
Birkaç adımda sıfırdan bir liste nasıl elle hazırlanır size anlatmaya çalıştım.
Adım adım takip edin ya da Örnek Göster ve Bitir'i seçip başlangıç listesi örneğini editörde görün.
Metin Editörünü VS Code mantığında Monaco Editör olarak entegre ettim. Ayrıca belli kodları işaret etme özelliği ile yazarken tamamlama ve başlık/tvg etiketi farklı renklendirmeleri gibi özellikler ekledim dikkat verilebilsin diye.
Zaten uyarı alacaksınız ama yine de söyleyeyim 5000 kanal veya üzeri kanal olan listeler düzenlerken metin editörünü açmamaya çalışın. Aşırı yükten kasılabilir ama o listeleri projenin ana sayfasındaki kanallar veya kanal grupları kartları ile rahatça ve sorunsuzca düzenleyebilirsiniz.

💡 Kullanım İpuçları

Kanal Yönetimi

  • Kanalları kanal kartları üzerindeki yön tuşlarıyla ile yeniden sıralayabilirsiniz
  • Kanal gruplarını filtreleyerek hızlı erişim sağlayabilirsiniz
  • Favori kanallarınızı kanal kartları üzerindeki kalp simgesine tıklayarak kaydedebilirsiniz.
  • Kanalların isimlerine göre otomatik logo önerisi veriyorum.
  • Kanal URL adreslerini görsel olarak takip edip direkt gösteriyorum.
  • Kanal akışı URL adreslerini kanal kartları üzerindeki oynatma butonuyla anında izleyebiliyorsunuz.
Geliştiriciden notlar:
Projeye @patr0n ve @Memetcandal için başladım işin doğrusu. Basit ve kolay bir düzenleyici yapmayı düşünüyordum.
Fakat günden güne şu da olsa iyi olur bu da olsa iyi olur derken işin içine neredeyse yapay zeka entegre edecek kadar ilerlettim. Bunu en son eklediğim sesli komut ile işlem yaptırma veya kanal/kanal grubu arama özelliği için söylüyorum.

Bu arada izin almadan listelerini hazır listelere eklememe rağmen hoş göreceklerini düşündüğüm @Berat55 ve @powerboard 'a gösterecekleri anlayış için şimdiden teşekkürler. Özellikle @powerboard 'ın film listesindeki neredeyse her video yüksek kalite ile izlenebiliyor. Hiç bir iptv uygulaması kullanmadan bu projemdeki kanal kartlarını kullandım her birini izlemek için. Eklediğim video oynatıcı ilk açılışta kalite bilgisi de verdiği için oldukça hoş bir deneyim oldu.
Eğer altyazılı olduğundan emin olduğunuz videolar varsa kanal kartındaki oynatıcı ile açtıktan sonra altındaki Proxy desteğiyle oynat butonuna basın ve açılacak olan 5 farklı video oynatıcısından en alttaki Video.JS olanı seçin. Onda hem ses hem de altyazı desteği mevcut oynatıcı olarak. powerboard'ın altyazılı ve çoklu ses destekli filmlerini test ederken fark ettim ;)

Katkıda bulunmak ya da katılmak isteyen arkadaşların konuya mesajlarını bekliyorum.

Saygılarımla.
 
Ekleyeyim o zaman onu da. Çok biliyor gibi yazmama gerek de yokmuş.
Mommy ve Daddy madem ihtiyaç duyuyor bu origine ;))
İhtiyaç duyup duymadığı hakkında net bilgim yok abi origin olmadan çalışıyor mu denemedim ama daddy için referans olarak kullandığım m3u listesinde vardı bende akışı bozmadan ona göre düzenleme yaptım
 

Konuyu görüntüleyenler

Geri
Üst