[Tutorial]Tv-Online
Assalamualaikum dan selamat sejahtera.
Semalam aku dapat satu pm dari Jepang untuk ajar dia buat streaming tv macam scukz nih.
So dari ajar die sorang je baik aku wat tutorial kat sini.Ramai sikit yang dapat tau.
P/S:tv kat scukz ni bukan aku yang buat.
Sebenarnye sape la aku nak ajar korang yang dah pakar ni dalam perihal web making nih.Tapi tujuan aku nak share ilmu yang sikit nih untuk kegunaan bersama.Terutama user yang new kpd web nih.Aku pun bukan reti sangat pasal web tapi macam aku cakap tadi.Just nak share..Lagipun leh la memenuhi hajat jepang..
Okies aku start :
-korang leh wat tv nih ikut kesukaan korang
-tapi aku nak share kat sini dengan menggunakan tab
-aku dapat codes tab nih dari Dynamicdrive.com (C)
Start:
-copy dulu link nih
http://202.75.62.98/my_ntv7 ---->ntv7
http://202.75.62.98/my_tv3 —->tv3
http://202.75.62.98/my_8tv ——>tv8
mms://202.71.98.44/prim ——->astro prima
http://202.75.62.98/th_toc ——->tv9
mms://202.71.98.44/astria ——->astro ria
Bahagian 1 : Membuat file asx
-copy nih atas notepad
<ASX version="3.0">
<Entry>
<ref href=”BLANKBLANK”/>
</Entry>
</ASX>
-gantikan “BLANKBLANK” dengan link NTV7
-save as “ntv7.asx”
-ulang bende nih sampai complete semua tv link
-maknanye sekarang korang ada 6 asx file
-NTV7.asx
-tv3.asx
-tv2.asx
-tv1.asx
-astroria.asx
-astroprima.asx
-pas2 uploadkan masuk server
Bahagian 2 : Membuat Player
-Buat satu page baru dan masukkan html nih
<center><OBJECT ID="WMPlay" width=327 height=320 classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"
codebase=”http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,70? standby=”Loading Microsoft Windows Media Player components…” type=”application/x-oleobject”>
<PARAM name=”URL” value=”http://server_path_korang/NTV7.asx“>
<PARAM name=”DisplaySize” value=0>
<PARAM name=”AllowChangeDisplaySize” value=”True”>
<PARAM NAME=ShowControls VALUE=1>
<PARAM NAME=”WindowlessVideo” Value=”0?>
<PARAM NAME=ShowDisplay VALUE=1>
<PARAM NAME=ShowStatusBar VALUE=1>
<PARAM NAME=AutoStart VALUE=TRUE>
<PARAM NAME=InvokeURLS Value=False>
<embed name=”WMplay” width=”327? height=”320? type=”application/x-mplayer2?
pluginspage=”http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/”
src=”video.wmv” Name=”Video File” AllowChangeDisplaySize=”True” ShowControls=”1? AutoStart=True ShowDisplay=”0? ShowStatusBar=”1?>
</embed></center>
</object>
-save kan page korang nih
-ulang langkah ini untuk tv player yang lain
-gantikan http://server_path_korang/NTV7.asx dengan asx file yang lain
-jadi sekarang korang ade 6 page:
-NTV7.html
-tv3.html
-tv9.html
-tv8.html
-astroria.html
-astroprima.html
Bahagian 3 : Membuat Container
-masukkan css code nih kat bahagian <head> korang
<style type="text/css">
/*Eric Meyer’s based CSS tab*/
#tablist{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
font: bold 12px Verdana;
}
#tablist li{
list-style: none;
display: inline;
margin: 0;
}
#tablist li a{
text-decoration: none;
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: white;
}
#tablist li a:link, #tablist li a:visited{
color: navy;
}
#tablist li a:hover{
color: #000000;
background: #C1C1FF;
border-color: #227;
}
#tablist li a.current{
background: lightyellow;
}
</style>
<script type=”text/javascript”>
/***********************************************
* Tabbed Document Viewer script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
var selectedtablink=”"
var tcischecked=false
function handlelink(aobject){
selectedtablink=aobject.href
tcischecked=(document.tabcontrol && document.tabcontrol.tabcheck.checked)? true : false
if (document.getElementById && !tcischecked){
var tabobj=document.getElementById(”tablist”)
var tabobjlinks=tabobj.getElementsByTagName(”A”)
for (i=0; i<tabobjlinks.length; i++)
tabobjlinks[i].className=”"
aobject.className=”current”
document.getElementById(”tabiframe”).src=selectedtablink
return false
}
else
return true
}
function handleview(){
tcischecked=document.tabcontrol.tabcheck.checked
if (document.getElementById && tcischecked){
if (selectedtablink!=”")
window.location=selectedtablink
}
}
</script>
-masukkan html code nih pulak di bhg <body> korang
-buat satu page pengenalan
http://server_path/pengenalan.html
<ul id="tablist">
<li><a class=”current” href=”http://server_path/pengenalan.html” onClick=”return handlelink(this)”>Home</a></li>
<li><a href=”http://server_path_korang/NTV7.asx” onClick=”return handlelink(this)”>NTV7</a></li>
<li><a href=”http://server_path_korang/TV3.asx” onClick=”return handlelink(this)”>TV3</a></li>
<li><a href=”http://server_path_korang/TV9.asx” onClick=”return handlelink(this)”>News.com</a></li>
<li><a href=”http://server_path_korang/TV8.asx” onClick=”return handlelink(this)”>TV8</a></li>
<li><a href=”http://server_path_korang/astroria.asx” onClick=”return handlelink(this)”>Ria</a></li>
<li><a href=”http://server_path_korang/astroprima.asx” onClick=”return handlelink(this)”>Prima</a></li>
</ul>
<iframe id=”tabiframe” src=”http://server_path/pengenalan.html” width=”500px” height=”400px”></iframe>
<form name=”tabcontrol” style=”margin-top:0?>
<input name=”tabcheck” type=”checkbox” onClick=”handleview()”> Buka Dalam Window Baru.
</form>
-hasilnya (lihat gambar)
P/S:Credit to dynamicdrive.com for the code.Bende nih simple je sebenarnye.Aku nasihatkan bace dulu baru tanye.Kalau ade bende yang aku tersilap leh post kat sini.
________________________________________________________________________
Copyright (C) flameduplicate 2007
posted by Syahmi @ 7:24 PM
0 comments
0 Comments:
Post a Comment
<< Home