Assalamu'alaikum wr wb dan salam sejahtera bagi kita semua ^_^
kali ini mpu-nya blog akan berbagi lagi masih dengan pemrograman Java tapi kini mulai berbelok ke arah pemutaran video (video player)
mungkin kalian sering berkunjung ke situs pemutar video ternama yaitu youtube, di youtube ada banyak playlist video yang tertera di sebelah kanan ampe ke bawah-bawah dan juga playlist yang di taruh di player video-nya, nah kali ini mpu-nya blog mau berbagi ilmu bagaimana cara membuat playlist video di dalam player-nya.
mungkin berbeda dengan yang ada di youtube tapi semoga bisa bermanfaat :D
ok langsung saja...
1. buat file menggunakan html atau pemrograman berbasis server, terserah codinger :D
mpu-nya blog membuatnya menggunakan PHP, cuma extensinya aja >.<
2. buat file index.php
-----------------------------------------------------------------------
<html>
<head>
<title>:: Video Test ::</title>
<script type="text/javascript" src="mediaplayer/jwplayer.js"></script>
</head>
<body>
......
</body>
</html>
------------------------------------------------------------------------
3. download file jwplayer.js di www.longtailvideo.com
4. kemudian inputkan file antara <body>...</body>
------------------------------------------------------------------------
<html>
<head>
<title>:: Video Test ::</title>
<script type="text/javascript" src="mediaplayer/jwplayer.js"></script>
</head>
<body bgcolor="green">
<div id="container">Loading the player...</div>
<script type="text/javascript">
jwplayer("container").setup({
modes: [
{ type: "html5" },
{ type: "flash", src: "mediaplayer/player.swf" }
],
playlist: [
{
levels: [{file: "File/miss.mp4"}],
image: "Pic/miss.jpg",
title: "Miss Hit"
},
{
levels: [{file: "File/rejoice.mp4"}],
image: "Pic/rejoice.jpg",
title: "Rejoice Shampoo"
},
{
levels: [{file: "File/incident_in_the_plane.mp4"}],
image: "Pic/tragedy.jpg",
title: "Narsis Di Pesawat"
}
],
'flashplayer': 'mediaplayer/player.swf',
'id': 'playerID',
controlbar: 'bottom',
stretching: 'fill',
volume: 60,
width: 480,
height: 310,
plugins: {
'flow': { coverwidth:180, onpaused:'show' }
},
});
</script>
</body>
</html>
-----------------------------------------------------------------------
5. Testing... Simple untuk buatnya tapi karena mpu-nya masih kekurangan beberapa faktor dalam menulis dan memberikan demo-nya di blog jadi terlihat agak membingunkan, Muuv nyak ^_^
untuk memudahkan para codinger, mpu-nya blog nempelin contoh yang udah jadi dan untuk filenya berukuran 7Mb dikarenakan ada file video-nya :D
download file
Sekian dan Terima Kasih
Wassalamu'alaikum Wr Wb
Content you want the user to see goes here.
