Hari ini, karena file video akan ditambahkan ke halaman web, saya mempelajari pemutar video FLV FLVPlayer.swf 1. Muat langsung di file HTML:
Salinan kode adalah sebagai berikut:
<Div ID = FlashFile>
<tipe objek = aplikasi/x-shockwave-flash lebar = 470px tinggi = 403px
Data = flvplayer.swf? File = film/company.flv>
<param name = nilai film = flvplayer.swf? File = film /company.flv & showfsbutton = true & autostart = true />
<name param = nilai wmode = transparan />
<name param = nilai kualitas = tinggi />
<Param name = Nilai SoftFullScreen = true />
</boject>
</div>
2. Gunakan JavaScript untuk memuat secara dinamis:
Salinan kode adalah sebagai berikut:
<type skrip = teks/javascript>
fungsi playflv (fileName) {
var videoname = nama file; // nama file video
var floder = video; // Folder di mana video flash disimpan, perhatikan bahwa itu relatif terhadap lokasi file flvplayer.swf (gambar/flvplayer.swf)
var div = document.getElementById (flvplayDiv);
div.innerHtml = <img src = 'gambar /wait.gif' />Div.style.display = tidak ada;
var result = <tabel align = 'center'> <tr> <td align = 'center'> <objek type = 'application/x-shockwave-flash' width = '470px' height = '403px';
hasil + = data = 'gambar / flvplayer.swf? File = + floder + / + fileName +'>;
Hasil + = <param name = 'film' value = 'Images /flvplayer.swf? File = + floder + / + fileName + & showfsbutton = true & autostart = true' />;
hasil += <param name = 'wmode' value = 'transparent' />;
Hasil += <param name = nilai 'kualitas' = 'tinggi' />;
hasil += <param name = 'softfullscreen' value = 'true' />;
Hasil += </pes Object> </td> </tr> </able>;
div.innerhtml = hasil;
Div.Style.Display = inline; // Div Metode Tampilan
}
</script>
Tambahkan kode berikut ke area tubuh:
Salinan kode adalah sebagai berikut:
<tombol id = kk type = tombol onClick = playflv ('company1.flv')> play 1 </button>
<br /> <tombol id = k2 type = tombol onclick = playflv ('company2.flv')> play 2 </button>
<Div ID = flvplayDiv> </div> <!-Div Area untuk pemutaran video->
JW FLV Player Online FLV Player di China
Cara menggunakan: Jika Anda hanya perlu memutar file FLV [seperti video.flv], maka cukup salin video.flv dan flvplayer.swf dalam paket terkompresi ke direktori yang sama dan tambahkan di halaman
Kode Program
<tipe objek = aplikasi/x-shockwave-flash width = 400 tinggi = 220
wmode = data transparan = flvplayer.swf>
<param name = nilai film = flvplayer.swf />
<name param = nilai wmode = transparan />
<Object/>
flvplayer.swf akan secara otomatis menemukan pemutaran video.flv di direktori yang sama. Anda juga dapat menambahkan URL file FLV setelah flvplayer.swf untuk dimainkan. Metode ini adalah sebagai berikut:
Kode Program
<tipe objek = aplikasi/x-shockwave-flash width = 400 tinggi = 220
wmode = data transparan = flvplayer.swf? file = film/holiday.flv>
<param name = nilai film = flvplayer.swf? File = film /holiday.flv />
<name param = nilai wmode = transparan />
</boject>
File = film/holiday.flv adalah parameter, dan alamat relatif atau absolut dapat digunakan.
Deskripsi parameter lainnya:
Jika video tidak perlu diputar secara otomatis saat memuat, Anda dapat menggunakan parameter AutoStart
contoh
Kode Program
<tipe objek = aplikasi/x-shockwave-flash width = 400 tinggi = 220
wmode = data transparan = flvplayer.swf? autostart = false>
<param name = nilai film = flvplayer.swf? autostart = false />
<name param = nilai wmode = transparan />
</boject>
Beberapa parameter dapat digunakan dengan cara campuran, dan daftar parameter efektif:
Kode Program
File (alamat file FLV)
Autostart (apakah autoplay diizinkan, benar atau salah)
gambar (gambar pratinjau saat tidak dimainkan, hanya mendukung format JPEG)
Ulangi (apakah akan memainkannya berulang kali)
clicktext (teks yang ditampilkan di awal adalah klik untuk bermain secara default)
Berikut ini adalah versi 3.12 http://www.cgfans.net/bbs/medias/2007/10/jw_flv_player.zip Ini adalah versi 3.12
Dokumen ini berisi metode instalasi dan metode konfigurasi pemutar MP3 JW, JW Flvplayer, JW Media Player, JW Image Rotator
Hukum
Dokumentasi Pemain JW 3.12
1. Instal (Sematkan di situs Anda)
2. Parameter (konfigurasi)
Parameter dasar
Parameter warna
Parameter antarmuka
Parameter pemutaran
Parameter interaktif
3. Daftar putar
4. Kustomisasi
5. Dukungan
Konfigurasi Cepat, Jalankan Wizard Konfigurasi
1. Instal
Setelah mengunduh, Anda bisa mendapatkan contoh, saat dibuka dengan teks atau editor HTML, Anda dapat menemukan bahwa SWF adalah bagian pendek dari
Javascript tertanam di halaman. JavaScript ini adalah swfobject.js ditulis oleh Geoff Stearns, yang memecahkan kebutuhan untuk flash
Masalah hidup. Saat menyalin SWF ke situs Anda, jangan lupa untuk menyalin swfobject.js bersama -sama. Dan di halaman
Tambahkan kode berikut ke kepala
Kode Program
<type skrip = teks/javascript src = swfobject.js> </script>
Dengan bantuan swfobject.js, Anda dapat dengan mudah mengatur jalur, lebar, tinggi, warna latar belakang dan versi flash player yang Anda butuhkan, atau Anda dapat mengatur satu set parameter untuk mengonfigurasi SWF. Ketika halaman dimuat, JavaScript akan menggantikan node di halaman sesuai dengan ID.
Kode Program
<p id = player> <a href = http: //www.macromedia.com/go/getflashplayer> Dapatkan flash </a> Untuk melihat pemain ini. </p>
<type skrip = teks/javascript>
var so = new swfobject ('mediaaplayer.swf', 'player', '400', '400', '7');
so.addparam (spolfullscreen, true);
so.addvariable (file, test.flv);
so.addvariable (displayheight, 300);
so.write ('player');
</script>
Dalam situasi di mana Anda tidak dapat menggunakan JavaScript (seperti BSP Anda tidak mendukungnya, seperti MySpace), Anda dapat menggunakan embed untuk memasukkan SWF.
Perlu dicatat bahwa SWF tidak dapat ada di server ini, tetapi jika Anda perlu menggunakan daftar putar XML, mungkin ada masalah, karena XML harus berada di server yang sama dengan SWF, jika tidak itu akan diatur karena masalah keamanan. MP3, JPG, FLV tidak bisa ada di server ini.
Kode Program
<embed src = http: //www.myfileerver.com/folder/mediaplayer.swf width = 400 tinggi = 400
type = application/x-shockwave-flash pluginspage = http: //www.macromedia.com/go/getflashplayer
flashvars = file = http: //www.myfileerver.com/folder/test.flv&displayheight=300/>
2. Parameter
Parameter ini dapat mengonfigurasi perilaku dan penampilan pemain yang tertanam dalam HTML. Jika Anda menggunakan swfobject.js, Anda dapat menggunakan metode addVariable () untuk mengonfigurasinya. Jika Anda menggunakan metode embed, Anda dapat mengonfigurasi variabel dengan mendefinisikan atribut flashvars. Perhatikan penggunaan & simbol untuk membagi variabel -variabel ini.
Hal yang sama berlaku untuk rotator gambar JW yang ditandai dengan *
Variabel dasar
DisplayHeight (Nomor): Ketinggian area tampilan. Ketinggian minimum area kontrol adalah 20px. Ketika nilai ini lebih besar dari atau sama dengan ketinggian SWF, daftar putar akan disembunyikan secara otomatis, jika tidak, ini akan ditampilkan.
File*(URL): Alamat file yang akan diputar. Mendukung pemutaran file tunggal (mp3/flv/rtmp/jpg/swf/png/gif), dan juga mendukung daftar putar. Rotator gambar JW hanya mendukung daftar
Tinggi*(Angka): Atur ketinggian SWF. Saat menyisipkan menggunakan embed, itu telah diatur di properti embed. Tetapi kadang -kadang (terutama saat menggunakan IE) ketinggian menjadi tidak pasti, yang mempengaruhi tata letak. Saat ini, Anda perlu mengatur parameter ini, dan unit nilai ini adalah px
Image (URL): Saat Anda bermain MP3 dan FLV, Anda dapat mengatur gambar pratinjau sebagai sampul album melalui nilai ini, mendukung file JPG/SWF/PNG/GIF. Anda juga dapat mengatur setiap item di daftar putar.
Ditunjukkanvigasi*(Benar, Salah): Parameter ini hanya didukung oleh rotator gambar JW. Digunakan untuk menampilkan atau menyembunyikan navigasi gambar.
Transisi* (fade, bgfade, blok, gelembung, lingkaran, cairan, garis, acak, lambat): Parameter ini hanya didukung oleh rotator gambar JW. Digunakan untuk mengatur efek penggantian gambar. Pengaturan ke acak akan mengatur efek secara acak. Nilai defaultnya memudar.
Lebar*(angka): Atur lebar SWF, yang lain sama dengan tinggi;
Variabel warna
Backcolor*(Warna): Mengatur warna latar belakang pemain. JW Media Player, dll., Default ke 0xFFFFF (putih) JW Rotator gambar, default ke 0x000000 (hitam).
FontColor*(Warna): Mengatur warna teks dan tombol. JW Media Player, dll., Default ke 0x000000 (hitam) JW Rotator gambar JW, default ke 0xfffff (putih).
LightColor*(Warna): Mengatur warna keadaan teraktivasi. Standarnya adalah 0x000000 (hitam) dan standarnya adalah rotator gambar JW. Standarnya adalah 0xcc0000 (merah).
Parameter antarmuka
Autoscroll (Benar, Salah): Ketika daftar putar terlalu panjang, bilah gulir akan secara otomatis ditampilkan secara default. Ketika nilai ini diatur ke 'Benar', daftar putar akan secara otomatis digulirkan sesuai dengan mouse.
DisplayWidth (Jumlah piksel): Atur lebar area tampilan. Ketika pengaturan relatif kecil, daftar putar akan ditampilkan di sisi kanan area tampilan, bukan bagian bawah.
Kenburns* (Benar, Salah): Digunakan untuk mencapai efek KB selama latihan. Perhatikan bahwa ketika gambar lebih besar dan kecepatan internet lebih cepat, disarankan untuk menyala, jika tidak tutup. Disarankan untuk mengatur transisi ke SlowFade untuk bekerja sama.
LargeControls (true, false): Tetapkan nilai ini ke true untuk memperbesar tombol untuk area kontrol. Disarankan untuk membukanya untuk pengguna dengan penglihatan yang buruk
Logo* (URL): Tetapkan gambar sebagai tanda air di sudut kanan atas, mendukung semua format gambar, dan mendukung efek PNG terbaik dari lapisan transparan.
Overstretch* (Benar, Salah, Fit, Tidak Ada): Mengatur zoom gambar/video di area tampilan. Peregangan proporsi yang sama benar digunakan agar sesuai dengan area tampilan. Salah hanya meregangkan area tampilan. Pasang tampilan layar penuh. Tidak ada yang menunjukkan ukuran aslinya. JW Media Player, dll. Fit secara default, dan rotator gambar JW salah secara default
Showdigits (Benar, Salah, Total): Diatur ke False untuk menyembunyikan waktu pemutaran dan informasi lainnya untuk menghemat ruang di area kontrol. Setel total untuk ditampilkan sepanjang masa.
Showdownload (true, false): Atur nilai ini untuk menampilkan tombol unduh di area kontrol. Tautan ke alamat yang ditetapkan oleh tautan.
showeq (true, false): Digunakan untuk menampilkan efek fluktuasi audio yang salah. Saat bermain mp3, Anda bisa mendapatkan efek yang baik
Showicons* (Benar, Salah): Digunakan untuk menampilkan atau menyembunyikan gambar di tengah area tampilan. JW Media Player, dll. Default ke True. JW Rotator Rotator Default ke False;
showvolume (true, false): digunakan untuk mengatur apakah akan menampilkan tombol kontrol volume
ThumbsInplayList (true, false): Menetapkan apakah gambar pratinjau ditampilkan dalam daftar
Parameter pemutaran
AUTOSTART (Benar, Salah, Diputus): diatur ke Ture, halaman akan secara otomatis diputar setelah memuat. Diatur ke Muted, itu akan secara otomatis bermain dalam mode diam, dan akan ada ikon bisu di tengah area tampilan. BufferLength (Nomor): Mengatur waktu cache FLV. Default adalah 3 detik
Ulangi* (true, false, list): Default adalah flase, dan berhenti setelah bermain dari posisi pemutaran saat ini ke akhir daftar. Setel ke daftar akan memutar semua item dalam daftar, dan diatur ke true akan memainkannya.
RotateTime* (Nomor): Mengatur waktu tampilan gambar. JW Media Player, dll. Default hingga 10 detik, dan rotator gambar JW default hingga 5 detik.
shuffle* (true, false): diatur ke false untuk bermain secara berurutan, disetel ke true untuk bermain tidak teratur
smoothing (true, false): diatur ke false untuk mematikan pemrosesan video smoothing. Dianjurkan untuk menetapkan hasil yang lebih baik. Tetapi bermanfaat untuk menetapkan false untuk layar besar atau mesin yang terkonfigurasi rendah.
Mulai* (kedua): Saat menggunakan media streaming RTMP atau HTTP (FLV/MP3 yang tidak konvensional), gunakan variabel ini untuk secara akurat menemukan posisi mulai. Parameter ini diatur dalam daftar format XSPE untuk secara akurat mengatur bagian file.
Volume* (Nomor): Atur volume, default ke 80.
Parameter interaktif
Audio* (URL): Gunakan parameter ini untuk menambahkan file MP3 sebagai audio terpisah, yang dapat digunakan sebagai penjelasan musik latar dari gambar, dll.
BWFILE (URL): Alamat file yang digunakan untuk deteksi bandwidth, Anda dapat meletakkan gambar, atau media streaming RTMP. Nilai pinjaman dapat dilihat di menu klik kanan.
bwstreams (daftar bitrat yang dipisahkan koma):
Gunakan bersamaan dengan BWFile untuk memilih file yang berbeda sesuai dengan nilai bandwidth. Misalnya: Anda ingin memutar video.flv dan mengatur nilai item ini menjadi 100.250.500.1000. Ketika pemain menemukan bahwa bandwidth adalah 349kbps, video_250.flv akan dimainkan. Jadi ia memiliki pengaturan penamaan yang efektif, yang akan ia beralih secara otomatis, bahkan jika menggunakan daftar putar.
Callback (URL): Atur parameter ini ke alamat Program Server (PHP/ASP) untuk meneruskan data kembali. Data dikirim ke server ketika setiap item diputar dan dihentikan, sehingga statistik bermain disimpan di sisi server.
Captions (URL): Atur nilai ini untuk memuat teks dalam format teks sebagai subtitle. Pemain ke subtitle yang mendukung format SMIL dan format DVD. Jika file FLV Anda memiliki font bawaan, Anda dapat menetapkan nilainya menjadi camarat. Jika Anda memiliki subtitle multi-channel, Anda dapat menetapkan nilai ini ke captionate0, captionate3, dll. Nilai setiap item dapat diatur dalam daftar.
enableJs* (true, false): Setel ke true untuk mengaktifkan dukungan untuk JavaScript. Penggunaan online hanya didukung. JavaScript dapat mengontrol pemutaran, memuat media, dan mendapatkan informasi terperinci tentang item pemutaran saat ini.
fsbuttonlink (url): Jika versi flash player pengguna lebih tinggi dari (9.0.28), pemain akan secara otomatis menampilkan tombol layar penuh. Dengan mengatur nilai ini, Anda dapat menautkan ke halaman lain untuk tampilan layar penuh. Server dapat mengatur file yang akan diputar.
ID (String): Pengidentifikasi unik pemain. Itu akan dikembalikan ke server.
JavaScriptId* (String): Jika Anda memiliki banyak pemain di halaman Anda, Anda dapat mengatur parameter ini untuk memberi setiap pemain ID yang berbeda, sehingga Anda dapat dengan mudah mengontrolnya dengan JavaScript. Dia akan dikembalikan ke acara GetUpdate ().
Link (URL): Gunakan parameter ini untuk mengatur versi saat ini, atau memaksa pengguna untuk mengunduh item saat ini melalui alamat ini. Nilai ini dapat diatur untuk setiap item di daftar putar.
LinkFromDisplay* (true, false): Mengatur halaman yang akan diakses saat area tampilan diklik. Secara default, operasi Play/Pause akan dilakukan ketika area tampilan diklik.
LinkTarget* (frame): Atur target tautan, _Self terbuka pada halaman saat ini. _Blank terbuka di halaman baru.
Streamscript (URL): Atur parameter ini agar kompatibel dengan file FLV 'pseudo-streaming'.
Type (MP3, FLV, RTMP, JPG, PNG, GIF, SWF, RBS, 3GP, MP4, M4V): Pemain akan menilai jenis tersebut berdasarkan tiga karakter terakhir dari nama file. Metode ini tidak akan lagi berfungsi saat Anda mengarahkan menggunakan bahasa sisi server. Jadi Anda dapat mengatur parameter ini untuk memberi tahu pemutar jenis file. Anda juga dapat mengatur setiap item di daftar putar. Jika pemain tidak dapat menemukan jenis file, itu akan dikenali sebagai daftar putar.
UseaAudio (Benar, Salah): Disetel ke False untuk berubah ke keadaan diam.
Usecaptions (Benar, Salah): Setel ke False untuk menyembunyikan subtitle.
Laporan Berguna (Benar, Salah): Jika Anda tidak ingin menggunakan mode layar penuh FlashPlayer9. Parameter fsbuttonlink dapat diatur untuk mengganti peristiwa tombol layar penuh.
UseKeys (true, false): diatur ke false untuk membatalkan operasi keyboard (ruang, atas, bawah, kiri, kanan)
Catatan: Anda harus mentransfer karakter ke? = &. ? → %3F, = → %3D, & → %26. Ketika variabel file Anda adalah getplaylist.php? Id = 123, itu harus diatur ke getplaylist.php%3fid%3d123.
Daftar putar
Ketika hanya ada satu item di daftar putar, pemain akan bermain dalam mode pemutaran file tunggal. Pemain membedakan file tunggal dari file daftar putar berdasarkan nama file. Jika Anda memuat file dengan nama file test.mp3, pemutar akan menggunakan mode pemutaran file tunggal untuk memutar mp3 karena ekstensi adalah mp3. Jika nama file Anda adalah getList.php, pemain akan berpikir ini adalah daftar putar. Jika Anda menggunakan skrip dinamis untuk memuat satu file seperti
Pemain mendukung tiga format daftar putar yang umum digunakan untuk memastikan universalitas. XSPF, RSS dan Atom.
Label umum untuk daftar XSPF/RSS/Atom yang didukung oleh pemain.
lembaran
*Rotator gambar hanya mendukung item 'audio' pertama di daftar putar dan digunakan sebagai musik latar untuk diputar. Pemain akan memainkan semua item musik.
** Elemen kategori dapat digunakan untuk mendukung iklan. Anda dapat mengatur nilainya ke preroll, postroll atau overlay.
Gunakan nilai satu item dalam daftar putar tautan untuk menjadi alamat iklan.
*** Elemen awal hanya didukung oleh format daftar putar XSPF. Elemen ini digunakan untuk mengatur posisi mulai dari file media streaming (HTTP atau RTMP) dalam hitungan detik.
**** Jika elemen lokasi dalam format daftar XSPF tidak mengandung ekstensi umum (seperti MP3 atau FLV), Anda dapat menggunakan elemen meta untuk menentukan format file. (seperti <meta rel = 'type> mp3 </peta>). Saat menggunakan RSS dan atom, format file secara otomatis dikenali sesuai dengan mimetype.
Stream RTMP, ID tambahan Flashvar harus dikirim juga. Contoh: file = rtmp: //my.streaming.server/mypath dan id = video_one.
Perhatikan bahwa ketika Anda memutar satu file, Anda mendukung semua parameter, seperti Anda dapat menambahkan gambar, judul, ID, tautan, dll. Jika Anda ingin menambahkan gambar pratinjau saat Anda memutar video.flv dalam mode pemutaran file tunggal, Anda dapat mengatur file parameter = video.flv, gambar = preview.jpg. Saat Anda memainkan streaming RTMP, Anda dapat menambahkan ID parameter. Misalnya, file = rtmp: //my.streaming.server/mypath, id = video_one.
Secara khusus, dua tempat rawan kesalahan ditunjukkan. Daftar pertama harus berada di server yang sama dengan pemain, yang disebabkan oleh mekanisme keamanan flash. Kedua, gunakan format alamat lengkap untuk memasukkan HTTP sehingga pemain tidak dapat menemukan file.
Menyesuaikan
Banyak orang meminta saya untuk membuat beberapa versi yang dapat disesuaikan. Banyak persyaratan mereka sebenarnya dapat dicapai dengan menetapkan parameter. Saya membuat panduan konfigurasi online untuk sekadar mengonfigurasi parameter ini. Saya tidak memiliki energi untuk memenuhi persyaratan semua orang. Akan ada banyak fitur tambahan yang menarik di versi berikutnya.
Jika Anda terbiasa dengan bahasa skrip ActionScript, Anda dapat memodifikasi program dan menambahkan fungsi sendiri.
Ketika pemain dalam contoh, variabel konfigurasi dan daftar putar akan ditambahkan baru -baru ini, dan kemudian siklus hidup MCV akan dimasukkan. Configuration and List Manager (pengumpan) selalu valid selama siklus hidup MCV.
Semua metode dari dua objek yang ditandai merah dapat dipanggil melalui JavaScript.
Dalam program flash lainnya, pemain dapat direferensikan. Cukup salin gambar dari file FLV yang diunduh dan pastikan untuk menyalin direktori COM yang diunduh ke dalam file FLV Anda, yang berisi semua skrip. Kemudian Anda dapat mengakses variabel di lokasi bingkai pertama timeline. Berhati -hatilah untuk mengatur variabel tinggi dan lebar, jika tidak pemain akan meregangkan dan merugikan sesuai dengan ukuran Anda.
menyukai
Kode Program
// Atur flashvar (booleans dan angka juga harus dikutip)
var width = 320;
var tinggi = 240;
var file = my_video.flv;
var autostart = true;
// mulai pemain
var mpl = com.jeroenwijering.players.mediaplayer baru (this.player);
Selain itu, saya telah menjadikan pengontrol objek publik, sehingga Anda dapat mengontrol mediaplayer dengan fungsi sendEvent () dari mana saja di situs flash Anda (skema di atas memiliki daftar semua opsi sendEvent ()). Mari kita lanjutkan skrip kecil di atas:
Saya membuat objek pengontrol yang terbuka untuk pemain, sehingga Anda dapat mengontrol pemain di mana saja dalam program Anda dengan menggunakan sendEvent () seperti:
Kode program mpl.controller.sendevent (volume, 50);
mpl.controller.sendevent (playpaume);
mendukung
Daftar FAQ
1. Jika Anda memiliki tata letak yang salah tempat saat menggunakan IE, mungkin ukurannya tidak diatur dengan baik. Anda dapat menggunakan lebar dan tinggi variabel untuk memaksanya.
2. Perhatikan bahwa mekanisme keamanan Flash dan JavaScript akan memengaruhi tes lokal Anda. Anda juga dapat terpengaruh ketika file Anda ditempatkan di server yang berbeda, dan Anda dapat mencoba meletakkannya di server yang sama.
3. Fungsi layar penuh hanya dapat digunakan di flash player9.028.0 atau lebih. Jika Anda menggunakan SWFObject untuk menyematkan pemain Anda, Anda dapat menggunakan fungsi peningkatan otomatisnya. Perhatikan bahwa SpolfullScreen diatur ke True
4. Jika bilah kemajuan Anda tidak bergerak, atau ada masalah dengan panjang video Anda. Mungkin saja FLV Anda tidak mengatur metadata yang benar. Anda dapat menggunakan widget www.buraks.com/flvmdi/.
Dua versi sedikit berbeda, silakan lihat instruksi di bawah ini untuk detailnya