8 AĞUSTOS 2015, CUMARTESİ

Ses Çalma Listesi Oyun Düğmeleri Javascript Programlama Eğitimi

Naber var deli Calder adlı biz ses programlama üretmek beri videoların eğitim serisi bir grup insan, bağımsız ses parçaları program nasıl göstermek için bize sordu sayfadaki kendi bağımsız oynat düğmesi ile her ama hepsi vardır birlikte birden fazla parça önce aynı anda oynarken olabilir bu şekilde bağladılar Biz nihai ürünlere bir göz atın öğretici izin başladı o yapabilirsiniz Hiç müşterileri için aynı işlevselliği gerekir olup olmadığını değerlendirmeniz fakir çalışıyor olabilir ve benim o istemci talep bir müzisyen birisi sizi işe olabilir gerçek bir dünya şey yani bu uygulama Program tamam en ben i

zler bu parça çalma düğmesine basın nasıl çalıştığını sana göstereyim sadece düz ve bunu noktada alır o benim kendi varsaymak durdurabilir nereye Bu oynuyordum ve ben vurmak eğer şimdi bir sonraki şimdi geri dönüyor satın dura

kladı Bir oynat düğmesi durana ve sonra bu başlar ve daha sonra mümkün olur ve Sonra ben de bir dışarı durdurabilir Eğer hepsi bağlı görmen yüzden birlikte bu ne var bu bir geri bu yüzden dinlenmek, ark

“Ders Kodu: https://www.developphp.com/video/JavaScript/Audio-Playlist-Play-Buttons-JavaScript-Programming-Tutorial Tüm birbirine bağlı sayfadaki bağımsız ses parç...”
Adam Khoury

anıza yaslanın ve kayış Bu eğitimde şu anda inşa ediyoruz bir kask biz html5 web belge benim çıplak kemikleri adlı başlamak için gidiyoruz örnek HTML ve gövde elemanı ilk şey yapacağız vermedi eklenir emin parça kutusunun bir fikir Bu onay kutusu tüm içermesi gidiyor Bireysel parçalar dinamik olarak her parça çubukları koymak için gidiyoruz Bu parça kutunun içine izlemek ve burada JavaScript aracılığıyla yapıyor olacak ve script elemanı da bu uygulamayı içine y

Ses Çalma Listesi Oyun Düğmeleri Javascript Programlama Eğitimi Resim 1 Ses Çalma Listesi Oyun Düğmeleri Javascript Programlama Eğitimi Resim 2 Ses Çalma Listesi Oyun Düğmeleri Javascript Programlama Eğitimi Resim 3 Ses Çalma Listesi Oyun Düğmeleri Javascript Programlama Eğitimi Resim 4

ansıtmak olabilir onun Kendi. Jas dosyası, HTML belgesi dışarı almak istiyorum ve biz koyarsanız Ayrıca eğer bir nokta CSS dosyası içine tarzınızı yansıtmak yapabilirsiniz yerinde tarzı Eğer hepimiz uygulamak için gidiyoruz biliyorum yanı belgenin dışarı olsun istiyorum Uygulama için CSS biz gidiyorum script çalışıyoruz olarak Bu css yaptıklarını dinamik şeyler geçerlidir açıklar Suriye ise diyor script ve temel bir anlayışa sahip olmalıdır sizin web programlama JavaScript uygulamaları ben gidiyorum ilk şey belgelemektedir

script yapmak için ben sadece koyacağım ben biraz fonksiyonu uygulamak olduğunu Yer yüzden belgeyi aramak zorunda kalmazsınız. benim komut elemanı ama kimliği almak çağırmak zorunda bu çizgi olduğunu ve aynı amaca hizmet edecek kurtaracak Biz belge yazma tutmak zorunda değilsiniz, sadece böyledir. İdeal üzerinde eleman almak ve tekrar hangi komut o kadar ama o eğer ihtiyacınız gitmiyor vardır bir veya iki kez ya da üç kez daha daha fazla yapacağız o zaman güzel sadece Biz script yapacağımız ertesi gün biraz fonksiyonu içine kadar paketi Biz ateş gidiyoruz yük olayı için olay dinleyicisi eklemek için pencereyi alınır Ses uygulaması sözde bir işlev kadar belge hazır olduğunda Bir işlevi çağrıldığında ses Sadece o adını kapmak izin idam edecekler apps fonksiyonu ve yakın parantez açma kıvırcık açmak için fonksiyon ses uygulaması yazın brace ve ses uygulaması işlevinin ilk şey içinde artık küme ayracı kapatma bazı değişkenleri atamak yapmak için gidiyoruz ve ben bu anlatacağım şimdi size değişkenler Bar ses ses nesnedir ve tüm ihtiyacımız tek ses nesnesi ve iradesidir Biz ses klasörü belirtmek için gidiyoruz daha sonra tüm app güç bu Klasör Eğer ses ne tür olursa olsun mp3'ler sizin için ses jakı varsa veya size ses uzantısı olarak adlandırılan bir sonraki değişkenleri oynamak istiyorum ve o benim durumdur. mp3 benim ses dosyalarını mp3 dosyalarının tamamı ve ses indeks değişkeni çünkü Gerçekten yer alıyor bu yüzden sadece sayfanın sadece aşağı aşağı 123456 koyabilirsiniz her biri numaralandırılmış olabilir yolu ekran amaçlı bu olduğunu oynuyor olsun veya olmasın, ses nesnenin izleyebilmek için gidiyor değişken oynuyor ya da duraklatılmış veya ne olursa olsun bu değişti olacak oynuyor bu yüzden bir true ve eğer bu değişken bir yanlış kalmaya gidiyor oynuyor değil hatta onlar oraya koymak olsun o birini kullanarak ben sanmıyorum ama öyle asla kullanılmış do Sadece o zaman bir sonraki değişken parçayı ve bir oynuyor ki almalarına izin hangi bu parçalarından biri oynuyor izler bu değişken olacak Buraya ardından iz işaretleri tabii ki bu sayfada buraya div parça kutusunun bir fikir ile artık bar bir JSON nesnesi olduğunu izler ve biz Siz gidebilirsiniz ücretsiz çok geniş bir JSON video eğitim serisi ve şu anda izlemek ve JSON her küçük yönüyle anlayacaksınız Ben çok hızlı bir şekilde açıklayacağım, böylece bu nesneler ile nasıl çalışılacağı nesne Syntex Büyük yolları olsa benim durumumda üç parça içeren bir JSON nesnesi Eğer sadece emin olun isterseniz orada elli veya yüz koyabilirsiniz Sonuncusu gördüğünüz sonuncusu önce olanları tüm virgül yok Beni istediğiniz gibi devam edip birçok yığını olabilir böylece bir virgül var nasıl Burada ve işte tüm değişkenler çift iğneli başlangıçta ilk gördüm kendi veri, ikinci biridir bir dizi yani JSON nesnesi parça bir dizi var Ayrıca bir dizi ve üçüncü bir sen dizilerle çalışmak, böylece aynı zamanda bir dizidir adlandırabilir bodur bir JSON içinde nesne tanımlayıcıları gerçekten demek istemiyorum istersen o ben sadece bu yüzden 123 kontrol etmeniz gerekir Size mantıklı ama önemli değil o poopoo peepee adlandırabilirsiniz uygulama hala önemli isimli bu are ne aynı şekilde çalışacaktır kaldırdı yani ne burada var başlık olduğunu ve gerçek görünür başlık oldu Kullanıcıların sayfada kullanmak için o var bu yüzden bu mp3 dosya adıdır Bu dizideki ilk eleman sayfasında görüntülemek gidiyor başlık Bu dizide parça bar ve bir sonraki eleman mp3 dosya adıdır klasördeki oturan benim klasöründe ben hızlı çizgi var ki dosya adını Ben mp3 nefes ve ben içinde bu mp3 boğucu olan mp3 indi benim Ses klasör bu dosyaların adını kelimelerin sadece başlık olduğunu Bu şarkı için göreceğiz kullanıcıların Tamam biliyorsun yani oldukça iyi bir olmalı Bütün bu parçalar JSON nesnesi altında doğrudan hemen nesne üzerinde kavramak parçalar biz o nesnenin üzerinde döngü gidiyor bir for döngüsü koymak için gidiyoruz iz biz sadece yapılmış bir değişkendir bu yüzden mantık parçalarını var pist için okur Bu her parça parçayı tek parça temsil eder gidiyor onlar temsil döngü iz değişken geçerken üç kontrol bu döngü çalıştırmak için gidiyor bu döngü geçerken tek tek parçalar 50 parça olsaydı ben sadece üç parça var üç kez, çünkü sen bak elli kez çalıştırmak için gidiyoruz ve biz gereken ilk şey, bazı değişkenlerin birini ayarlanır parça bar next kişinin denilen PCB için bu kısa TV'yi çağırdı ve bu kısa olduğunu edilir play butonuna için TN denilen sonraki değişkenler ve parça görebilirsiniz kısa parça adı çubuğu elemanlar metodu oluşturmak kullanırken eleman yaptım olacak dinamik ya da sihirli eğer sen oluşturulan yaptım ve sonra sihirli bir düğme oluşturmak için gidiyoruz ve biz de edeceğiz sihirli başka bunu yaptım oluşturmak bunun içinde o iz bar ve olabilir Biz düğme eklemek için gidiyoruz ve sonra parça adı artık burada için vermek nerede CSS s play bu çeşitli yeni sihirli CSS sınıfları uygulamak için gidiyoruz içine giriyor izlemek çubuğu gidiyor, böylece gidiyoruz öğeleri sayfasına işlenecek o bu CSS tüm demek ne anlama iz işareti sınıf adını almak Bir sonraki play üzerinde özellikleri bu beştaş uygulanacak olacak düğme Onlara play butonuna bir sınıf adını vermek için gidiyoruz oyun düğmeleri ve Bu sınıf play butonuna var ve hepsi almak için gidiyoruz işte sağ var Bu özellikler daha sonra kendileri için geçerli nihayet bir isim ve takip var izlemek adlı IV parça adı sınıfı kendisine ve size uygulanan sahip oluyor Bu uygulanacaktır yüzden burada bu özelliklerin hepsi görebilirsiniz parça adı eğlenceli stil ve tüm bu şeyler ve marj ayarlayabilirsiniz Bu konteyner için uzay metin rengi ve yüzer şekilde belirtin play butonuna yanındaki Tamam o dinamik olarak oluşturulan elemanlara tüm CSS tedarik böylece biz Henüz belgeye bunları ekledik değil ama biz onları yarattık ve onlar hazır gidin ve şimdi biz kimlikleri adlı parçayı etkileyebilir onlara sınıf adlarını verdi biz sadece bir koyar ses indeksi demek yani innerHTML yerinde iz adını koymak Listede olduğu her yerde 123 o zaman buna nokta yanındaki koymak ve sonra biz koymak unvan bu ilk unsur için burada görünür ekran başlığı izler Eğer parça halinde gitmek böylece bu bir ya da tek bir kişi parça için itiraz Bu döngü içinde geliyor Bu asla erişmenizi sağlar dizideki ilk elemanı erişmek olacak mp3 dosyası eşit olacak her play butonuna ve kimliği ve fikir vermek adı yüzden bu döngü içinde işlenecek gidiyor ilk oynat düğmesi hızlı çizgi şeritte ikinci oynat düğmesi bir fikrim yok olacak Bu döngü gelen üçüncü bir nefes bir fikrim yok olacak olan stranglehold bir fikrim yok olacak biz parça halinde gidiyoruz görebilirsiniz döngü yoluyla gelen bireysel parça için itiraz dizideki ikinci elemanı erişmek Biz bir olay eklemek için gidiyoruz hangi play butonuna sonra sizi bu verir click olayı bilinen kimseyle dinleyici bu oyun düğmelerinden birine tıkladığında Eğer yerlerde bu gerekir, böylece bu anahtar yolu işlevi kapalı ateş gidiyor Sadece döngü altında aşağı gitmek ve açılış kıvırcık izlemek fonksiyonları koymak brace ve küme ayracı kapatma Bu parça fonksiyonu görebilirsiniz vardı olay olmaktan düğmeleri oynamak biz belirleyebilir bu şekilde başvuran preslenmiş yüzden sadece benim tespit edebilmek istiyorum çünkü orada olayı atıyorum hangi oynat düğmesi bu iç bir yerde dinamik basıldığında ediliyor fonksiyon Ben Target etkinliğe başvurabilirsiniz ve bu beni oyuna erişim sağlar kullanıcı tarafından basıldığında ediliyor düğmesi dinamik yukarıda hakkı yok iyi misin biz takip işlevler ses şey bir olay dinleyicisi eklemek için gidiyoruz Biz yerinde koymak için gidiyoruz burada böylece kendini nesne uçlu olay için ses baba olay dinleyicisi uçlu olayı dinleyen edildi herhangi bir şarkı bu işlevin içinde bu fonksiyonu kodunu bittiğinde anlamına gelir Bu iki satır herhangi olanlar iki satır biz ne söylüyorsun yürütmek için gidiyoruz zamanlı ses dosyaları herhangi bir ve onlar orada gelip biz çalıştırmak için gidiyoruz pist olduğu izler oyun parça diyor bu hat Biz gideceğiz oynarken için play butonuna o tarz nokta arka eşit hale Şarkı onun bir duraklama imaja sahip olacak çalarken çünkü Kullanıcı şarkı elbette sona erdiğinde bunu döndü yapmak istiyorum bu yüzden gördüğü Bir play butonuna ve işte tüm bu çizgiye sonra pist oynarken söylüyor yapar Hiçbir şey eşit hiçbir parça çünkü bu noktada oynuyor olurdu çünkü şarkıyı parçayı çalmaya çubuğu almak ve o boş yapmak, böylece sona erdi Anahtar yolu işlevi ben oyun parça olarak bir imza olacağım Kullanıcı tıklama düğmeleri oynamak ve bu bir satır biz söylüyorlar ilgilenir parçayı çalmaya olay hedefi kimliği eşittir fikrine var oynat düğmesi yani varlık mevcut bu oyun parça koymak olacak Değişken şimdi ben de bu doğru yukarıda bazı kod eklemek ve ne olduğunu ediyorum Burada koşullu ifadeler ve ben sadece hayır I yapıştırılan tüm kod var bütün bunlar dışarı yazmak için zaman ayırın istemedi line-by-line tüm uykuya çünkü herkes ilgisini kaybedecek işte tüm sağlık koşulu bulunuyor mantık uygulamayı kullanıcı tıkladığında izlemek geçiş her zaman güç için gerekli Kullanıcı için oyun tuşları tıkladığında bazı hususlar var çünkü bir şarkı başka şarkı oynamak için başka öylesine geçmek zorunda oynuyor Ayrıca emin oynamak için geri duraklama sembolleri dönüyoruz yapmak zorunda semboller ve onun yeri sembolünü değiştirmek zorunda şimdi oynuyor yeni şarkı Başka değerlendirmeler eğer olası bir nedenle bu kadar ben dikkat çekmek ve ben yapacağım önce biz aslında çok hızlı bir şekilde şu anda her satırı açıklamak Bu değerlendirmeler yapalım tartışmak emin benim en sevdiğim işlemek için çalışıyor Tarayıcı Ne ilk o ki oynuyor diyor görürsünüz gruplandırma bu oluyor Şu anda bu kodu oynarken herhangi bir parça çalıştırmak için gidiyor demektir Başka bu kod parça oynuyorsanız her şeyi olmadığını yürütülecek gidiyor durdurulmuş veya durdurulmuş sonra bu kod her biri yürütmek için gidiyor Bu oyun düğmelerinden birini tıklar o idam olacak bu kodları oynuyor eğer onlar bu oyun düğmelerden birine tıkladığınızda bir şey oynuyor yani eğer kullanıcı yuvalanmış değerlendirme çalıştırmak için elimizdeki oyun düğmelerinden birine tıkladığında o uçak pisti Hedef o kimlik olayı eşit değilse diyor Zaten eğer öyleyse oynuyor Uygula düğmesini tıklayarak değilseniz anlamına gelir Kişinin tıklayarak zaten biz ayarlamak için gidiyoruz oynamıyor Uygula düğmesini Biz mevcut oynarken değiştirmek için gidiyoruz true değişken oynuyor artık ve sonra oynamaya olmayacak çünkü bir oynat düğmesi görüntüyü izler onun play tuşuna oynamak için tahsis ediliyor, yeni parça değiştirilmesi gidiyor olduğunu Bu çizgiye olası bir kontrol için olası bir çalma sembolü değiştirir Kullanıcı, bu çizgiyi oynamaya başlamak istediği herhangi bir duraklama sembolü değişir Bir duraklama sembolü o zaman biz sadece ses değiştirmek geri bir yer sembolü oldu. Kullanıcı duymak istediklerini ifade eden yeni bir dosyaya kaynak onun play butonuna tıklayarak yüzden size ne olduğunu biliyorum ses klasörü demek Bu değişken şu tam orada söylemek böylece ses görünür ses klasörü ve o dizeye Hedef Kimliği de olay yakalamak ve ardından yapabilirsiniz olan ses uzatma bunun ucuna bağlamak. mp3 yani Ses klasörün doğru dosya kapmak ve içine temelde sadece gider Bunun sonunda doğru uzantısı koyar ve sadece söylemek Ses. Şimdi bunu başlatmak için oynamak bu başka hücrelerde bu kodu şart durum kullanıcı zaten onlar eğer oynuyor bir parça tıkladığında için onlar mümkün tıklarsanız o zaman istiyoruz zaten oynuyor bir parça tıklayın Daha sonra ses duraklatmak ve değişken oynuyor çünkü yanlış döndü gets olduğunu Şimdi durdurulmuş bulunuyor ve onlar bu yüzden o zaman biz bir oynat düğmesi geri o düğmeye değişti Bu şimdi burada açıklamak için mantık son biraz bu yüzden tekrar tamam devam He oyun doğru değilse bu başka koşulu devreye giriyor Biz yanlış hiçbiri eşittir oynuyor eğer öyleyse yanlış oynuyor başladı nasıl Sadece bu kodlar bu kaçamam koşmak olacak bu kodun kod olduğunu hiçbir şey oynuyor eğer yürütür ve onlar o sadece değişti bir parça başlatmak için gitmek Eğer bu tarz yapmak size play butonuna hedef true değişken oynuyor Bu parça olmayacak çünkü duraklama düğmesi eşit olduğu arka Bunun için bir grafik arabirimi olarak duraklat düğmesi koymak istiyorum bu yüzden oynarken ve sonra biz eğer diyor biz burada yaptığımız benzer bir değerlendirme çalıştırabilirsiniz uçak pisti temelde Hedef Kimliği etkinliğe oynamak parça eşit değildir uçak pisti kendisine bağlı düğmelerini biz konum o parçaya eşit değildir olacak yeni parça ses kaynağını değiştirmek ama başka değil o yüzden parçayı çalmaya play butonuna eşit olduğunu kullanıcılar onay olduğunu oynamak düğmesine sonra bu kod ses kaynaklarını sadece çalışmaz bağlanır kullanıcıların zaten olmayan bir düğmeye tıklayarak eğer değiştirmek için ihtiyacımız olacak oynayan ve daha sonra nihayet ses söylüyorlar. oynamak ve bu oyun yanlış ise hiçbir başınızın etrafında sarmak için çok karmaşık değildi ve orada gerçekten umut Bunu izah olabilir ve bir de belki yazılmış olabileceğini daha kolay bir yolu daha mantıklı bir şekilde belki bu uygulama bir göz atın ve hey diyebilirim belki sadece bu daha mantıklı yapabilir Ben umurumda değil ne olursa olsun Adams gerizekalı ben onu çalışır yolu gibi benim için çalışıyor Eğer benim kod eleştirmek istiyorsanız doğru devam böylece iş yapar ben bile yok bakım ama isterseniz bunu kullanabilirsiniz gerçekten güzel çalışıyor Tamam şimdi testin sürece biz ay içinde yeni bir şarkı değişiklikleri olduğunu şarkı var Oyun sembolleri empoze o şarkıyı bir grafik arayüzleri görebiliyordu Biz kodun her tek satır açıklanmıştır ettik böylece mükemmel tamam çalışıyor Bu uygulama, yani gerçekten sen herhangi bir yerde olmamalı kodunda karıştı ve kodu ile karışık almak için ne sadece sormak Burada videonun altında soru ve hep birlikte soru olacak mücadele edeceğiz sen benim web geliştirici hp.com giderseniz size bir cevap alırsınız vermek ve Eğer Menu ana menüye tıklayın ve göreceksiniz görebilmek için Javascript videoları gitmek biz zaten şimdi listesi ve ses programlama eğitim serisinin aşağı var yıl biz bu istemeyebilirsiniz olarak çalma listeleri farklı türde nasıl göstermek Biz sadece bu eğitimde yapılan çalma tür farklı isteyebilirsiniz çalma listesinin tür böylece çalma farklı bir tür görme yarar olabilir Bunu isterseniz programlama orada bir öğretici olan ses çalma listeleri gitmek Seninle görüşmek gerekiyordu kulüpler bir şey daha henüz tamponlama zaman biliyorum Bu dosyalar zaman başlatmak için zaman alabilir çevrimiçi büyük dosyaları koymak video ve ses için sizin için dinleyebilirsiniz yolları var bu yüzden birileri oyun tıklar Eğer programlama birini kullanabilirsiniz tamponlama ve bazı özellikleri ses rıhtım bekleyen olurdu böylece özellikleri bekleyen adlandırılan mülkiyet ve o hala demektir bekliyor görmek için ne Senin bu yüzden henüz üzerinde oynatmayı başlatmak için dosyanın yeterince sahip değil hala arıyor O kullanabilirsiniz Ses nesnenin özelliği için tamponlama mekanizmaları programlamak için yapabilirsiniz Biraz dairesel küçük ok yuvarlak gidiyor ve o olur yuvarlak gibi sahip Sizin ama düşünce ben programı hiçbirini vermeyeceğim yüzden henüz oynamaya hazır değil Eğer farklı var ki bunu size söz tanışmak güzel olurdu Nerede video nesneleri ses nesnelerle ilişkili özellikleri ve yöntemleri derinlik tüm araştırma yapmanız gereken tek şey tamponlama dinleyebilirsiniz olduğunu multimedya ve multimedya olduğu ile ilgili özellikleri ve yöntemleri ses ve video ses nesneler için özellikleri ve yöntemleri bir yeri vardır Aynı özelliklerini kullanın ve yöntemleri özellikleri ve yöntemleri de vardır böylece video nesne için kullanılan onlar tür ses video ve değiştirilebilir olduğunu Bu öğretici zevk çocuklar belirli bir dereceye kadar ok umut nesne programlama ve size sadece herhangi bir sayfanın içine bu koyabilirsiniz hatırlıyorum ve dinamik olarak yükleyecektir sağ, bu parçaların tüm bu parçaları ve aptalca küçük hale getirecektir onay işaretleri ve bu gerisi yönetmek zorunda tüm HTML İki parça ya da bin parça varsa dinamik script ve farketmez Burada bu döngü için bu kod biraz çünkü hepsini verecek Burada bile bu satırları bar nerede olduğunu açıklamak vermedi ben koyarak Biz play butonuna koyarak konum bu yüzden ona play butonuna çocuğunu katılıyor o zaman biz adlı parçayı koyarak konum bu çizgide rota çubuğu vermek Bu hat ile parça çubuk daha sonra biz iz tüm barlar koyarak konum onların küçük oyun düğmeleri ve ilaç adları olan parça kutusu içine eklenir Burada küçük fark Tamam işte bu.

Açıklama

Ders Kodu: https://www.developphp.com/video/JavaScript/Audio-Playlist-Play-Buttons-JavaScript-Programming-Tutorial Tüm birbirine bağlı sayfadaki bağımsız ses parçaları, kendi play butonuna, her biri Öğrenmek için program. JavaScript, HTML5 ve CSS3 ile yazılmış dinamik bir uygulama programlama öğretici.

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.7/10

  • 119
    Olumlu
  • 3
    Olumsuz
  • 46
    Yorum
  • 3120
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • iZAPPA

    iZAPPA

    16 Temmuz 2010
  • Majestic Casual

    Majestic Cas

    28 NİSAN 2012
  • YouplusmeVEVO

    YouplusmeVEV

    4 EYLÜL 2014

ANKET



Bu sayfa işinize yaradı mı?