Çok teşekkür ederim ben de ilgi gösterip değerlendirdiğiniz için.
bir söz vardır Latte Hocam körun allahtan istedi bir göz allah ona iki göz verir gibi olduk emin olun çok çok güzel tasarım ve işleyiş olarak harika bir iş çıkarmasınız genelde m3u8 yapanlar için çok çok güzel birşey eliniz kolunuz tekrardan dert görmesin iyiki sizin gibi güzel insanlarımız var dilerim dahada çoğalırlar gündün güne
Teşekkürler. Sınırı neyse oraya kadar dahil etmeye çalıştım herşeyi ki kimse birşey isteyemesin ama istenir mi yine istenir
)
Elinize sağlık gerçekten, işin zahmeti için bir teşekkürü kenara bırakırsak bireysel olarak ilgi ve kolaylık sağlamak da ayrıca hoş ve tatmin edici. Başarılarınızın devamını dilerim
Çok teşekkür ederim.
Siz güncelledikçe ordan alıp oraya aktarıyorum.
Teşekkür ederim. Doğru, gerçekten de çok uğraştım ama değdi diyecek kadar emindim burada paylaşmadan önce de.
))
Eyvallah kardeşim. Bir kaç gün önce sana yarın yapacağım şeyi yapacakken o geldi bu geldi derken bir de aklıma sesli asistan özelliği geldi. Dedim neden olmasınAbi eline emeğine sağlık. Bununla uğraşırken haftalardır nasıl bir çaba sarf ettiğini en iyi ben biliyorum mükemmel ötesi bir şey çıkmış ortaya ilk attığın taslağın üzerine eklemelerde eklemeler yapmışsın feci bir şekilde gelişmiş bir tool haline gelmiş. Önceden yaptığın git sitesine de gittim dün onuda değiştirmişsin gözümden kaçmadı değil o da felfena bişey olmuş ha es geçmeyelim.
Tekrar eline emeğine sağlık abi forum için bu kadar çaba, emek sarf etmen takdire şayan bir şey. Bir çok üye buraya sıfırdan bir şeyler kapmak için ele avuca bir şey alabilmek için geliyor evvela onlar için böyle bir şey lazımdı daha sonrasında işleri kolaylaştıracak fonksiyonlar ile tüm üyelere lazım olan bir şeydi buradan öncelikle kendim ve sonrasında herkes adına teşekkür ederim.
Baktım ki oluyor iki yere deekleyeyim dedim. Hem genel kullanımdaki menüler için hem de listede kanal araması için. Üstelik PWA ile kullanırken sesle kullanma ve arama daha kullanışlı ve hızlı oluyormuş onu da yaptıkça fark ettim.
Baya ayrıntılı bir yazı olmuş eline sağlık (hepsini okumadım)M3U Web Editörü / PWA ÖzellikliKısaltılmış Adres:
Ziyaretçiler için gizlenmiş link, görmek için kayıt olunuz. Giriş yap veya üye ol.
Orijinal Adres:Ziyaretçiler için gizlenmiş link, görmek için kayıt olunuz. Giriş yap veya üye ol.
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
Açık TemaTema 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ı
: Sesli komut dinlemeyi başlatır/durdurur.Kod:Kod içindeki bilgileri görmek için üye olmanız gerekmektedir.
- Sesli Komutlar
- Mikrofon simgesine tıklayarak veya
kısayolunu kullanarak sesli komutları aktifleştirebilirsinizKod:Kod içindeki bilgileri görmek için üye olmanız gerekmektedir.- Arama alanındaki mikrofon ile arama yapmak için simgeye tıklayın ve "ara" kelimesinden sonra aranacak terimi söyleyin
PWA (Progressive Web Application) - Masaüstü Uygulama gibi Kullanma Desteği
Progressive Web App (PWA)
Bilgi:Tarayıcınızın adres çubuğunda yükleme butonunu görebilirsiniz.
- Masaüstü uygulaması gibi çalışabilme
- Çevrimdışı kullanım desteği
- Hızlı yükleme ve performans
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 istedimYü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 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:
- Kanal grubunu ve ona ait tüm kanalları silmek.
- 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.
Bu istatistiklerin bile en azından bazı düzenlemelerinizde size yardımcı olabileceğini düşündüm.
- 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
Kanal Düzenleme/Favoriler/İşlem Geçmişi
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
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ü
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
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
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
Geliştiriciden notlar:
- 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.
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.
Eline sağlık abi kesinlikle iyi olmuş gözüküyor vaktim olduğunda kullanıp deneyeceğimÇok teşekkürler. Gerçekten de en az 1 aydır her bir sorunun üstesinden gelmeye çalışarak ve olabilecek tüm özellikleri kullandırabilmek için uğraştım.
İçime sindiği anda da "Artık oldu." dedim ve paylaşabildim sizlerle.
Sıfır reklam ve sıfır win to win
Umarım işinizi kolaylaştıracak kadar iyi bir iş çıkartmışımdır.
Evet bende diyordum @Latte abi nereye gitti acaba diyeEfsane görünüyor. Bayadır yoktunuz ben de merak ediyordum bişey mi oldu diye. İyi bişey olmuş
Baya ayrıntılı bir yazı olmuş eline sağlık (hepsini okumadım)
- Oku oku bir de hala okuyorsun yani sen de okumayacaksan kim okuyacak
)) Bir kaç hafta önce çok daha basit bir şey paylaşabilirdim ama O'na da söylemiştim @Memetcandal için bir şeyler yapacağım diye ama baktım ki herkes için birşeyler yapmış oldum nihayetinde
Beni kimse bu konuda yenemez dermişimÇok teşekkürler.
Yaparken sizin, @Memetcandal ve @powerboard 'ın listelerini sıklıkça kullandım testler yaparken.
Siz forumda güncelleyince ben de oradan yayınları anında kontrol ediyordum kanal kartları üzerinden. Kimin listesi daha kaliteli görmek için ama maşallahınız var hepinizin
su aralar maalesef vaktim 0 nerdeyse Listeyi güncel tutamıyorum bu arada listemi güncelledim Abi sende GitHub da güncelleme ihtimalin varmı?
Saka anlamında söyledim bilginize yanlış anlaşılmak istememBeni kimse bu konuda yenemez dermişim
Beni kimse bu konuda yenemez dermişim
Bana da çok yardımcı oldunuz için çok teşekkür ederim kendi adıma @Latte @patr0nAbi eline emeğine sağlık. Bununla uğraşırken haftalardır nasıl bir çaba sarf ettiğini en iyi ben biliyorum mükemmel ötesi bir şey çıkmış ortaya ilk attığın taslağın üzerine eklemelerde eklemeler yapmışsın feci bir şekilde gelişmiş bir tool haline gelmiş. Önceden yaptığın git sitesine de gittim dün onuda değiştirmişsin gözümden kaçmadı değil o da felfena bişey olmuş ha es geçmeyelim.
Tekrar eline emeğine sağlık abi forum için bu kadar çaba, emek sarf etmen takdire şayan bir şey. Bir çok üye buraya sıfırdan bir şeyler kapmak için ele avuca bir şey alabilmek için geliyor evvela onlar için böyle bir şey lazımdı daha sonrasında işleri kolaylaştıracak fonksiyonlar ile tüm üyelere lazım olan bir şeydi buradan öncelikle kendim ve sonrasında herkes adına teşekkür ederim.
Baya iyiymiş Abi ve evet bazı yazılım hataları da olabiliyor maalesef sanırım uygulama kendisi yapıyor biliyorsun kendim yazmıyorumTeşekkür ederim. Doğru, gerçekten de çok uğraştım ama değdi diyecek kadar emindim burada paylaşmadan önce de.
Amacım da burada paylaşmak ve sıklıkla gelen nasıl yaparım, nasıl ederimlere hızlı bir cevap olsundu fakat fazlasıyla gelişmiş bir hale geldi.
Mesela @Memetcandal 'ın hep hatalı yazdığı liste satırları canımı sıkıyordu
Artık onun listesini direkt url adresiyle yaptığım projede açıp yüklediğim anda otomatik olarak hatalı yazdığı ya da fazladan eklediği satırlar siliniyor.
Kanal gruplarını yazarken boşluk bırakırsa birden fazla aynı isimde kanal grubu olabiliyordu "Ulusal" ile "Ulusal " arasında ciddi fark var yani kod yazarken
Veya çok düzensiz bir liste hazırlanıyor içerisinde #### Spor ##### gibi satırlar oluyor. Haliyle de her oynatıcı açamıyor doğru bir m3u formatı değil diye.
O tür listeler yüklendiğinde hata olduğunu şöyle anlıyorsunuz.
Diyelim ki listeyi yüklediniz ve kanallar ekrana geldi fakat o anda "Değişiklikleri kaybolabilir sayfayı yenilemek istediğinize emin misiniz?" uyarısı geldi karşınıza.
Kanallar listelenmişken ve daha hiçbir işlem yapamamışken neden bu uyarı geliyor derseniz o güvenlik açısından.
O uyarıya iptal dediğiniz anda o hatalı kodları düzeltip, hepsini silim temiz bir liste haline getiriyor sistem.
Yani;
##### Spor #####
.....
...
..
##### Belgesel #####
......
..
gibi olan liste onlar olmadan ardaşık bir kod dizilimi alıyor ve bunu metin editörüne girince direkt görüyorsunuz.
Yani kendi içerisinde mümkün olduğunca temiz hale getiren bir düzeltme sistemi var.
Mesela hazır logolarımla da gurur duyuyorum
Hiçbir adres eklenmediyse ben otomatik ve tek tip bir logo ekliyorum zaten.
Fakat mümkün olduğunca tüm ulusal kanalların logolarını ekledim siteye. Bu yüzden eğer TRT içeren bir kanal varsa logo önerilerinde trt ile ilgili tüm kanal logolarını gösteriyorum seçip onu listeye ekleyebiliyorsunuz. TRT HD dir ama siz normal trt logosu kullanıyorsunuzdur ve değiştirmek isteyebilirsiniz gibi.
Burada önemli konu kanalın nasıl başlayarak yazıldığı. Bazı kanallar TR| gibi yazılıyor öyle olunca da eşleştirme zor oluyor. O durumlarda eğer logo gerekiyorsa şayet kanal adını düzenler gibi yapıp önemsiz ön eklerini kaldırıp yazdığınız anda logo önerileri simgesi yanmaya başlar. Yani TR| trt yi silip trt yazdığınız anda gelir. O anda logoyu seçersiniz ve kanal adını yine istediğiniz gibi kaydedersiniz ister trt ister TR| trt vb. Amaç logo eşleştirmesine imkan sağlamak. Sonrasındaki ismi cismi önemsiz
