2012-10-30 22 views
9

Diğer canlandırma yöntemleri (gif, png dizisi vb.) Için çok karmaşık/uzun olan bazı animasyonların bulunduğu büyük bir videom var ve videodaki renklerle ilgili bir sorunla karşılaşıyoruz. Aslında, videonun oynatıldığı sırada herhangi bir kenarın görünmesini engellemek için web sayfasının arka planını videonun bir parçası olarak ekliyoruz. Videodaki degrade arka planını web sayfasındakiyle eşleştirmek için kullanmaya çalışıyoruz, ancak renkler YOL KAPALI.Renk Düzeltme MP4/Webm videoları

Bir MP4 videosunun nasıl düzeltileceğine dair herhangi bir öneri var mı? Ya da bir alfa kanalı ile video yapmak için html5 güvenli yolları?

cevap

6

Ne yazık ki popüler tarayıcıların her biri, HTML 5 videolarındaki rengi farklı şekilde ele alır; bu da tutarlı renkler elde etmenizi güçleştirir.

H.264 (MP4) bit akışı, kullanmakta olduğunuz renk önceliklerini, aktarım özelliklerini ve matris katsayılarını isteğe bağlı olarak kodlayabilir; bunlar örn. ffmpeg -x264opts colorprim=bt709:transfer=bt709:colormatrix=smpte170m. En azından Mac OS X'te Safari ve Quicktime, H.264 videosunda bu bitlere dikkat eder ve renkleri, belirtilen kodlamadan monitörünüzün renk profiline dönüştürerek güzel ve tutarlı renkler üretir. Ancak, Chrome bu bitleri yok sayıyor ve hem H.264 hem de VP8 videolarının BT.709 renk primerlerini kullandığını düşünüyor (VP8 özelliğinin BT.601 olması gerektiği VP8 SD video için bile olsa). Monitörünüzün renk profili. Öte yandan, Firefox, VP8 video öğelerinin çıkış dönüşümünü atlıyor ve sadece monitörünüzün sRGB olduğunu varsayar, bu yüzden renkler farklı renk profillerine sahip monitörler arasında tutarlı değildir ve geniş bir gamut monitöründe bir çıkış yolu olabilir. (Sadece Mac üzerinde test ettim; tarayıcılar başka bir işletim sisteminde farklı şekilde çalışabilirler.)

Üzgünüz, iyi bir çözümüm yok. Sorunun daha iyi performans göstermesine rağmen, sorunu manipulating the video in Javascript using a canvas ile ele almak mümkün olabilir.

0

İlgilenen herkes için: Aynı durumla karşılaştığında, aklımda bir kaç hack oluştu: Orijinalin arka plan renklerini kullanarak süper küçük bir video oluşturun (Her zaman aynı renkte görüntülenirler. herhangi bir tarayıcı). Arka plan olarak kullanın ve örneğin% 100 olarak yeniden boyutlandırın. Teoride çalışan

+0

. Ancak videonun bg rengi, videoda görünen gerçek renklerden etkilenir. video ileri giderken bg rengi değişecektir –

+0

@MihneaBelcin Sorunun, statik bir arka plana sahip bir videoyla ilgili olduğunu gördüğünüz gibi (Videonun kenarları renk değiştirmiyor. Beyaz bir arka plan ve bir karakter düşünün. orta). Aksi takdirde onu bir degrade/renkle eşleştirmeye çalışmak mantıklı değildir. Ve eminim ki, “pratikte” çalıştığı gibi, bir kereden fazla uygulamıştım. –

+0

ortadaki karakter bg rengini etkileyecektir .. en azından bu bana oldu .. bu yüzden #FFF bg #FEFE çünkü ortadaki karakter ... –