25 NİSAN 2014, Cuma

Ses Atölye 2 Ara Ve Hacim Aralığı Kaymak Javascript Öğretici

Biz göstermek için gidiyoruz bu bölümünde ses atölye homie geri hoşgeldiniz aralık kaymak girişi Sih kaydırıcı olarak kullanılabilir nasıl ve hacim sürgü ayrıca bir elde edebilirsiniz nasıl gösterecektir olursa olsun tutarlı bir kaydırıcı görünümü hangi tarayıcıyı ziyaretçilerin ses yazılımını görüntülemek için kullanmakta olduğunuz 8 korkunç tutarsızlık nedeniyle mevcut tüm tarayıcı satıcıları çünkü gerizekalı oturup yılda bir kez bir toplantı yok olan ve standart bir kitabın üzerinde karar bileşenleri salak alabilir için Biz komut ile devam edeceğiz biz sonunda ile bıraktığınız Video numaralı Mi hızlı bir ş

ekilde bu komut hola ihtiyacı olur ve biz gidersiniz Hemen şimdi yakala Eğer PHP dot com ve aslında videoları geliştirmek için gidebilirsiniz JavaScript bölüm Ben ses İçindekiler yeni bölüm koymak Atölye sadece tıklay

arak böylece Ses atölye o bölüme götüreceğiz ilk video tıklayın ve burada senaryo Aşağı sayfadaki şimdi aklında sen yansıtmak yapabilirsiniz istediğiniz herhangi bir noktaya tutmak Eğer diyor bakın ve javasc

“Ders Kodu: http://www.developphp.com/video/JavaScript/Audio-Seek-and-Volume-Range-Slider-Tutorial Ses Atölyesi Bu bölümde biz aralık kaymak girişi aramak sürgünün...”
Adam Khoury

ript iyi soul oynatma / duraklatma arasında okuma dışa düğme ve kapatma düğmesi düzenlemek eklemek için gidiyoruz Eğer bu bir giriş türüdür görebilirsiniz kaymak Biz verilen ve kaymak bileşeni üreten bir dizi Ben edeceğiz kimliği o olabilir çakmak minimum değerini istiyor Onlar olabilir 0 maksimum değeri 100% ve varsayılan ih0 tarafından değerdir Sana akan bir ön pürüzsüz bir adım 1 olarak ayarlanır vermek sürgü artık hemen yanındaki sessiz düğme Aynı kuru

Ses Atölye 2 Ara Ve Hacim Aralığı Kaymak Javascript Öğretici Resim 1 Ses Atölye 2 Ara Ve Hacim Aralığı Kaymak Javascript Öğretici Resim 2 Ses Atölye 2 Ara Ve Hacim Aralığı Kaymak Javascript Öğretici Resim 3 Ses Atölye 2 Ara Ve Hacim Aralığı Kaymak Javascript Öğretici Resim 4

lum oldukça fazla ses kaydırma çubuğunu eklemek için gidiyoruz farklı bir kimliği vardır hariç hacim minimum değer bir maksimum değer kaymak Sih için hafif aynı ancak varsayılan başlangıç ​​değeri olacak Bizim birim yüzde yüz başlar çünkü tüm yol kadar anlamına gelir 100 şimdi yüzde elli adresinden hacmi başlatmak için olduğunu sadece bu değişiklik Bir elli Bilgi dosya önizleme o krom yol görebilirsiniz sürgü bilgi safra bakmak öyle değil mi internet explorer o önizleme ve bu çok saçma Bu görünüm saçma bir fark var değil sadece

geliştiriciler için kötü onun için kötü olduğunu Herkes biz almaya gidiyoruz interneti kullanarak tamam bu yüzden bizim CSS açmak ve tıpkı izin biz hedef için gidiyoruz sayfadaki tüm düğme elemanları hedeflenen nasıl tüm giriş elemanları ve şimdi biz sadece onların hepsi var emin olacak biz anahat o çirkin mavi anahat görünmesini istemediğiniz Şimdi gidelim ve doğrudan iki sürgü hedef milyon Ben Sihler çakmak istiyorum onlara farklı genişlikleri vermek biraz daha geniş olması gerçekten herhangi olabilir Sen benim ses kaydırıcı daha biraz daha geniş Kleider görmek ister istiyorum Şimdi nihayet CSS hepimiz eklemek edeceksin Biraz bazı geçici çözümler kesmek öneki ihtiyacınız olduğunu aynı görünmesi için çeşitli değerleri hedef onları ve tüm kod ben aynı görünüyor emin uygulamak için gidiyorum Internet Explorer'da Ötesinde Firefox ve krom herhangi ortamlar Tamam düzeltmek için size kalmış burada bu soğuk her ne kadar Ben sadece sağ attı Orada hat 25 tüm yol 65 aşağı ve ne bu kural yapıyoruz biz input type hedefliyorsanız olduğunu Standart I sözdizimini kullanarak değişir ve biz sadece WebKit için emin yapıyoruz görünüm yok olarak ayarlanır ve daha sonra hakkında gidebilirsiniz senin aralık kaydırıcıyı şimdi bu iki kural styling Üst Internet Explorer'ı hedef alan bu parçayı tarzı olur ve bu bir Firefox parça tarzı yardım için Şimdi bu küçük bomba küçük topuzu için Bu WebKit için kurallar bu düğme kural Mozilla Firefox için bu düğme kuraldır Microsoft Internet Explorer ve tüm bu özelliklere sahip oynayabilirsiniz için tam olarak bunu bakmak istediğiniz şekilde bakmak yapmak Alice krom bu önizleme tamam şimdi ben krom istiyorum bu hafif göz şimdi tarayıcı Firefox'ta önizleme edeceğiz ne kadar benzer sürgü görünüyor bakın çok aynı görünüyor Yapmak istediğiniz ne Chrome ve kazanın içinde tutarlı bir almak istiyorum görünüm herhangi bir şekilde tüm farklı tarayıcılarda olduğu yapabilirsiniz Bir yıl ya da iki standart I sözdizimi kullanarak olacak muhtemel ve tüm bu küçük önekleri fazla daha gitmiş o yüzden de o önizleme izin Artık onlara ihtiyacım olacak Internet Explorer ölüm Altri tekrar krom getirmek hemen hemen aynı görünüyor Internet Explorer geri Internet Explorer'ı görebilirsiniz Biraz beyaz çevresinde olmak ekler benim o taç yaptığı gibi aynı görünüyor sürükleyerek bir topuzu hayır büyük dağıtmak tamam en go ahead ve daraltmak ya da CSS let ya da CSS öyle değil çünkü endişelenmenize gerek yok dışsallaşmış Burada zaten senin yolunda olacak O bizim JavaScript gidiyordu yapmak zorunda ve iş bu programı Tüm seviyor, bizim JavaScript genişletmek de hangi çok zor değil ve biz zaten vardı bu bar değişkeni aramak Yapmamız gereken tüm hacim kaymak için başka bir ekleyin şimdi bar ve bir var hacim sürgüsünü aramak için nesne başvurularını ayarlamak izin Gerçekten yapabilirsiniz sadece Bu ses kapatma düğmesi nesne referansı kopyalamaz emin o ismiyle elemanları veya bunların düzgün kimliğini hedef yapmak oldukça ve sonra orada kimliğini koymak ve sonra değişken ismi oraya gider Aslında en fazla mantıklı kaydırıcıyı aramaya şık bar değişkeni değiştirmek izin onlar sadece tek anlaşıldı ve aynı şeyi veya hacim kaymak yapabilirsiniz Doğru kimliği almak emin olun ve buraya koydum Bunun kimliği aynı değişken isim yapmak ve sadece emin burada nerede nerede maçları yapmak şimdi tüm değişkenler hakkında başlatılıyor biz gidiyoruz Bu iki unsur için işleme olay bu yüzden sadece olay işleyici bölümü kapatma düğmesi kopya var en kaymak aramaya değiştirmek izin Bir dinleyici eklenmiş var çok sadece yazın Şimdi olayı değişecek orada kodu aşağı fare kullanıcı fare bir şey aşağı olduğunda şimdi sadece babam diğeri bunu değiştirmek anlaşıldı ki bu yüzden her zaman fare film olay fare için hamle kodu biz ihtiyacımız olacak çünkü artık idam edecek Hedef olayları biz burada bir yumruk kullanmak için gidiyoruz Kod gider nereye kadar sizin için görebileceğiniz bizim Yeni ve oynat düğmesi biz sadece basit sözde işlevin adını koymak Burada yürütmek ama Sihler çakmak yapacağız olayı geçmesi ediyoruz dinleyici kolları işlevine bu yüzden geçen bir argüman olarak daha sonra bir işlev yuvaya şeyi sarın ve Bu çalıştırmak için ayarlanmış soğuk olay çene üzerinde bu iki küçük çizgiler arayan doğrudur eşittir vardır bu yüzden değişken olarak adlandırılan arayan görünür ihtiyaç en arayan koymak izin isteyen değişkeni başlatmak Şimdi arayan değişkenler olacak doğru ve yanlış arasında geçiş sonraki satırı o zaman bizim uygulama ihtiyacınız mantığının bir parçasıdır ve bu o kısmında olur biz sadece bir saniye içinde yazmak için gidiyoruz bir işlev yangın olduğunu aramak denilen ve daha sonra biz olayı geçti Soğuk bölümü için şimdi Sih işlevine argüman olarak bir olay olabilir mousemove çok benzer bir şey olacak fonksiyonu yuva ve çalışır tek satırda her şeyi sarın yuvada yumruk yürütme işlevini aramaya talimat aramak olduğunu zaman fare her zaman hareket fare hareket bile biraz üzerinde bu işlevi koymak yapmak zorunda hiç çakmak yerine aramak Sihler biz bu olay dinleyicisiyle için de haydi yapmak şimdi önce yanı sıra mousemove için gidiyor, bizim ses kaydırıcı ve biz sadece set hacmini yürütmek için gidiyoruz işlevi hiç hemen yazacağız ve biz geçmek zorunda değilsiniz çünkü içinden bir argüman olarak herhangi bir olay, biz sadece orada işlev adı koyabilirsiniz Ben şu anda en bizim serseri incik ve sağındaki aşağı gidelim Burada sessiz işlevi sonra koymak istiyorum tüm fonksiyonları arasında küçük açıklama satırları belki bunu yapabilir kendini küçük bir not hepsini ayırmaktır tamam bu yüzden ne zaman zaman fare hareket fare hareket gabarili ayarlanan ses fonksiyonunu kaymak bu yüzden idam burada yerinde seçeneği içine koymak izin gerekiyor belirlenen ses ve tek bir satır sen almak olduğunu ne ihtiyaç vardır Ses nokta hacmi özelliği ve bunu yapmak değiştirmek Eileen sürgü tarafından kendisine eşit değer nokta bu nedenle kullanıcının olarak 100 ile bölünür ses kaydırıcı sürgülü biz bir değere sahip almak çevrede 100 ile bölünür ve düzgün bir şekilde ayarlar ses seviyesini en favori modern bir tarayıcı bu bir test vereyim Mahmuzlar güzel de onlar sürükledi başlıklı olduğunca onlar sadece aday olabilir her yerde iz boyunca her yerde çubuğunda Iza ayarlanan ses fonksiyonu katacak yukarıda sağda Şimdi işlevi aramak Bu yerinde içine koymak izin Sikhlar hafif çalışacaktır biz bu olayın alarak nerede fonksiyon hatırlıyorum aramak zorunda Biz bir argüman olarak başlangıçta geçiyoruz olduğunu şimdi olay biz erişebilirsiniz bu şekilde bir argümandır geçmesi ne olursa olsun unsur bu olay yapıyor edildi çene çok basittir üzerinde Sih içinde kodunda meydana biz ilk o biz içine koymak olduğunu Barry mümkün deniz kral görmek için kendi durumuna koymak Burada yer Eğer fare koltuğuna aşağı kullandığınızda görebilirsiniz true eşittir kaydırıcı biz onlar mousedown sadece anlamına gelir true isteyen set Onların fare aşağı sadece arayan anlamına gelir gerçek olacak ve biz aslında değiştirmek yapacağız sürüklediğiniz parça pozisyon kendi fare aşağı değil çünkü eğer ve sürgünün üzerinde hareket kendi fare onu istemiyorum Onlar sürükleyerek konum sadece izleri konumunu değiştirmek ve sahip oldukları kendi aşağı ağızları biz arayan oluyor yerde bu kendi durumunu koymak neden bu kadar işte doğrudur ve sadece arayan doğrudur ve biz Sih sürgü pozisyon almak için gidiyoruz ve ben sadece bir saniye içinde bu kodu açıklamak için gidiyorum ama kötü biz Ben bir tane daha eklemek ediyorum bu üç satır açıklamak o hafif aramaya dinleyici demek ve bu sayede arayan ön değişiklikleri ne geri false yüzden fare yeni bir olay dinleyicisi var sonra yukarı biz sadece Paul'un isteyen değiştirmek Bilgi burada yapıyor çok hızlı bir şekilde bu üç satır açıklamak Biz Sih sürgü değerini değiştiriyoruz her yerde Kullanıcının fareler eşit sürgü değer verme sürgünün üzerinde yaptığımız o olayı söyleyerek müşteri X Kullanıcıların Maus imleci olduğu anlamına gelir ya da fare işaretçisi ve koltuk kaymak çıkarma Sol konumunu belirlemeye biz tam olsun bu şekilde ofset Onlar Farenin over yeniden pozisyon yukarı Sihler bu nedenle temelde sadece koltuk kaydırma değeri değil yapım çakmak topuzu nerede o küçük bomba olduğu topuz parça nerede kullanıcıların fareler Sizin Makin eşittir veya satır ile bu parça yarattığımız sonra yapar adında bir değişken bu olabilir hangi aramak Bizim fonksiyonlarında herhangi değişkenleri atamak istemiyorum aslında beri o bar Şimdi bu etmeye atalım en kaldırmak izin ve en de yapalım bu ve biz başlatmak değişkenler şekilde biz herhangi bir bar ihtiyacımız yok bizim programa hiçbir şey bizim fonksiyonlarının içinde herhangi çubukları yaratmak olacaktır biz sadece tamam böylece etmeye bir değişken değişiyor konum Değişken ses nokta süresine eşittir: özellik arama sürgü ile çarpılır değer var Şarkının 100 yani kısmen bölü veya ses size etmeye gidiyoruz izlemek tam ses süresi: kez Sihler çakmak nokta değeri biz kadar anlamaya nihayet sonra ise yüz bölü Haftasonu ses rıhtım şimdiki zaman özelliğini değiştirmek yeniye en emin koltuk sürgüsünü yapalım şimdi konumlandırmak etmeye İspanya işleri Ben yolda her tıklatın şimdi biraz aşağı ses parça değişti pozisyon başlangıca geri bilgi Dragonette tıklayarak yukarı tamam bu yüzden ben de devam edin ve tüm javascript kadar daraltmak ediyorum bu yüzden yoluma değil ve video sayısı üç devam edecek video sayısı üç zaman ekran katacak Ben de değilim emin olun o zaman güncelleştirme işlemi Biraz daha hafif topuz pistte pozisyonunu takip edin istiyor yapar Geçerli çalma süresi değiştikçe biz biraz topuzu yapmak zorunda Koltuk kaydırıcı aslında kendi kendine hareket izinin olduğu yere göre bu bölümünde 3 bir çalışma alacak ve belki de bir kısmı diğer bazı şeyler atarım.

Açıklama

Ders Kodu: http://www.developphp.com/video/JavaScript/Audio-Seek-and-Volume-Range-Slider-Tutorial Ses Atölyesi Bu bölümde biz aralık kaymak girişi aramak sürgünün ve ses kaydırıcı olarak nasıl kullanılabileceğini göstermektedir. Biz de farklı tarayıcılarda tutarlı bir aralık kaydırıcı giriş görünüm elde etmek deneyebilirsiniz nasıl gösterecektir.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

Adam Khoury

Adam Khoury

Profesyonel bir online bedava gibi kod ve tasarım öğrenin. JavaScript, PHP, SQL, HTML, CSS, ActionScript ve daha fazlası gibi usta geliştirme teknolojileri. Tüm videoları http://www.developphp.com daha iyi organize olan

YORUMLAR



9.8/10

  • 72
    Olumlu
  • 1
    Olumsuz
  • 21
    Yorum
  • 6338
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • Neil Cicierega

    Neil Ciciere

    22 Mart 2006
  • Chaîne de TheMoustic

    Chaîne de T

    5 Kasım 2006
  • Top10Series

    Top10Series

    26 Kasım 2008

ANKET



Bu sayfa işinize yaradı mı?