Trang Chủ   Vn+ TiVi   Fanpage Twitter  Fanpage FaceBook
Loading
                                         

Bản Tin Câu Lạc Bộ Pa Tin Im-Pod                                                                          
Diễn đàn Vn+
Tiêu Điểm

Tình Yêu - Giới Tính

1001 Bí Ẩn

Tổng hợp phần mềm

Ebook

Thủ Thuật IT

Thủ Thuật Blog

Video Clip

Lạ & Fun


You are not connected. Please login or register

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

Trunks-Kun


Administrator
Administrator
Theo yêu cầu của nhiều bạn muốn được sử dụng truyền hình trực tuyến theo kiểu chọn kênh như có trên Thủ Thuật Blog. Bài viết này tôi sẽ giúp bạn làm một chương trình truyền hình trực tuyến hay kênh âm nhạc cho đọc giả của bạn có thể chọn kênh hoặc bài hát được liệt kê sẵn. Làm hướng dẫn này tốn nhiều thời gian và chính bản thân tôi mất hơn 6h cho việc tìm hiểu code, sưu tầm các logo và nhất là tìm kiếm link phát truyền hình trực tuyến của nhà đài. Chúng ta sẽ bắt đầu qua 4 bước chính.

Bước 1: Đoạn mã điều khiển đổi kênh

Mỗi lần chọn kênh, blog của bạn không phải tải lại việc này điều khiển bởi một đoạn JavaScript. Đây chính là đoạn mã bạn cần: changesource.js, nhấn phải chuột chọn Save Link As ... (Mozilla Firefox) hoặc Save Target As ... (Internet Explorer) tải về máy và lưu file này lên Google Pages để lấy link đưa vào đoạn code dưới.


Code:
<script src='LINK_ĐẾN_FILE.JS' type='text/javascript'/>

Code:
<script src='LINK_ĐẾN_FILE.JS' type='text/javascript'></script>

Và chèn đoạn mã này vào giữa hay thẻ và trong Edit HTML (Chỉnh sửa HTML) hoặc nhiều vị trí khác. Nếu chưa hiểu cách dùng tệp tin .js

Bước 2: Đoạn mã trong iframe

Hãy copy hết đoạn mã trong hộp sau vào Notepad (Start -> All Programs -> Accessories -> Notepad) lưu thành tệp tin .html và đưa lên Google Pages để lấy link dùng cho bước kế tiếp.

Trong đó nguồn phát chương trình được tô đậm là kênh bạn chọn trước sẽ được mở đầu tiên khi trang vừa hiển thị. Bạn có thể thay bằng kênh khác tìm bên dưới. Cách lưu thành tệp tin này giống như lưu thành tệp tin .wpl.

Code:
<html>
<body>

<OBJECT id=winMediaPlayerID
 codeBase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715
 type=application/x-oleobject height=346
 standby="Loading Microsoft Windows Media Player components..."
 width=385 classid=CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6
 name=winMediaPlayer >   
<PARAM NAME="URL" VALUE="mms://www.vtc.com.vn:556/VTC5_05">
<PARAM NAME="rate" VALUE="1"><PARAM NAME="balance" VALUE="0">
<PARAM NAME="currentPosition" VALUE="0">
<PARAM NAME="defaultFrame" VALUE="0">
<PARAM NAME="playCount" VALUE="1">
<PARAM NAME="CursorType" VALUE="-1">
<PARAM NAME="autoStart" VALUE="1">
<PARAM NAME="currentMarker" VALUE="0">
<PARAM NAME="invokeURLs" VALUE="-1">
<PARAM NAME="volume" VALUE="50">
<PARAM NAME="mute" VALUE="0">
<PARAM NAME="stretchToFit" VALUE="-1">
<PARAM NAME="windowlessVideo" VALUE="0">
<PARAM NAME="enabled" VALUE="1">
<PARAM NAME="fullScreen" VALUE="0">
<PARAM NAME="enableErrorDialogs" VALUE="0">
<embed type="application/x-mplayer2" id="winMediaPlayerID" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/"
src="mms://210.245.126.153/VTV3/"
name=MediaPlayerTV
width="385"
height="346"
AutoSize="1"
AutoStart="1"
ClickToPlay="1"
DisplaySize="1"
EnableContextMenu="1"
EnableFullScreenControls="1"
EnableTracker="1"
Mute="0"
PlayCount="1"
ShowControls="1"
ShowAudioControls="1"
ShowDisplay="0"
ShowGotoBar="0"
ShowPositionControls="1"
ShowStatusBar="1"
ShowTracker="1">
</embed>
</OBJECT>

</body>
</html>

Bước 3: Hiển thị nội dung tệp tin ở bước 2 bằng iframe

Sau khi đã đưa lên lấy link và chúng ta sẽ tạo một iframe (một trang web nằm trong trang web khác) được đặt nằm giữa
như sau:

Code:
<div id="MediaPlayer">
<iframe marginwidth="0" marginheight="0" src="LIÊN_KẾT_ĐẾN_FILE.HTML_TẠO_Ở_BƯỚC_2" frameborder="0" height="346" scrolling="no" width="385"></iframe></div>

Code:
<div id="MediaPlayer" align="center">
<iframe marginwidth="0" marginheight="0" src="http://d.v.nhan.googlepages.com/tvovtv3.html" frameborder="0" height="346" scrolling="no" width="385"></iframe></div>

Trong đó kích thước (height và width) có thể thay đổi theo ý thích của mình hoặc giữ lại. Sau đó sử dụng đoạn mã trên chèn vào tiện ích HTML/JavaScript của Blogger hay chèn thẳng vào bài viết hoặc nơi mà bạn muốn kênh truyền hình hiển thị và kèm theo danh sách kênh bên dưới.

Bước 4: Đoạn code chọn kênh

Code:
<a href="#" onclick="changeSource('LINK_KÊNH_TRUYỀN_HÌNH_HOẶC_TỆP_TIN_MEDIA')">TÊN_KÊNH</a>

Nếu muốn dùng ảnh thay TÊN_KÊNH. Bạn có thể lấy các ảnh được làm sẵn có trong truyền hình trực tuyến của Thủ Thuật Blog. Vì băng thông của Photobucket trên tài khoản của tôi có hạn nên bạn hãy lưu các hình này vào tài khoản của bạn.

Code:
<a href="#" onclick="changeSource('LINK_KÊNH_TRUYỀN_HÌNH_HOẶC_TỆP_TIN_MEDIA')"><img border="0" src="LINK_ĐẾN_ẢNH_KÊNH_TRUYỀN_HÌNH"</a>

Đoạn code này đặt vào nơi thuận tiện để đọc giả của bạn có thể chọn kênh khác dễ dàng.

Danh sách các kênh truyền hình trực tuyến:

Phim trực tuyến Tuổi Trẻ Online: [You must be registered and logged in to see this link.]
Tuổi Trẻ Video Online: [You must be registered and logged in to see this link.]
Truyền hình Thanh Niên: [You must be registered and logged in to see this link.]
TV Info: [You must be registered and logged in to see this link.]
VTV1: [You must be registered and logged in to see this link.]
VTV2: [You must be registered and logged in to see this link.]
VTV3: [You must be registered and logged in to see this link.]
VTV4: [You must be registered and logged in to see this link.]
HTV7: [You must be registered and logged in to see this link.]
(Cập nhật 31/12/2007)
HTV9: [You must be registered and logged in to see this link.]
(Cập nhật 31/12/2007)
VTC1: [You must be registered and logged in to see this link.]
VTC2: [You must be registered and logged in to see this link.]
VTC3: [You must be registered and logged in to see this link.]
VTC4: [You must be registered and logged in to see this link.]
VTC5: [You must be registered and logged in to see this link.]
Hà Nội TV: [You must be registered and logged in to see this link.]
Đồng Nai 1: [You must be registered and logged in to see this link.]
Đồng Nai 2: [You must be registered and logged in to see this link.]
TH Vĩnh Long: [You must be registered and logged in to see this link.]
VietNamNet TV: [You must be registered and logged in to see this link.]

Các kênh radio trực tuyến:

VOV1: [You must be registered and logged in to see this link.]
VOV2: [You must be registered and logged in to see this link.]
VOV3: [You must be registered and logged in to see this link.]
VOV6: [You must be registered and logged in to see this link.]
VOH FM 99MHz: [You must be registered and logged in to see this link.]
Bình Dương: [You must be registered and logged in to see this link.]

Ngoài ra, có thể thêm các kênh quốc tế bằng việc "mổ xẻ" trang [You must be registered and logged in to see this link.] Nếu rành về PhotoShop chúng ta có thể đưa logo các kênh lên cùng một ảnh và mỗi vùng trên ảnh này có logo tương ứng với mỗi kênh sẽ có một link kết nối đến kênh đó. Cách này rất thuận tiện vì chỉ cần một ảnh cho tất cả các kênh.

Hướng dẫn đến đây là kết thúc. Tuy nhiên nếu bạn muốn có thêm thông báo đang kết nối truyền hình hoặc thông báo truyền hình không phát vào lúc đọc giả xem thì hãy đọc tiếp bước 5.

Bước 5: Thông báo "đang kết nối" và "báo lỗi"

Chỉ cần dùng đoạn code sau lưu lại thành file .asx và đưa lên Google Pages. Thay vì đặt link trực tiếp, mỗi kênh bạn tạo một tệp tin .asx riêng và kèm theo hình ảnh thông báo đang kết nối cũng như báo lỗi.

Hãy thử xem truyền hình trên Thủ Thuật Blog bạn sẽ thấy nó xuất hiện như thế nào. Sẽ có thông báo kết nối khi chọn kênh mới hay báo lỗi nếu kênh đó không phát hoặc link nguồn sai.

Code:
<ASX version = "3.0">
<entry clientskip="no" skipifref="no">
<REF HREF="LINK_HÌNH_BÁO_ĐANG_KẾT_NỐI"/><PARAM NAME="ShowWhileBuffering" VALUE="true"/>

</entry>
<entry clientskip="no" skipifref="no">
<Ref href = "LINK_KÊNH_TRUYỀN_HÌNH"/>
</entry>
<entry clientskip="no" skipifref="no"><REF HREF="LINK_HÌNH_BÁO_LỖI"/><DURATION VALUE="10:00:03.00"/><PARAM NAME="ShowWhileBuffering" VALUE="true"/></entry></ASX>

Code:
<ASX version = "3.0">
<entry clientskip="no" skipifref="no">
<REF HREF="http://i240.photobucket.com/albums/ff259/thuthuatblog/posts/ttb_tvol_logo.gif"/><PARAM NAME="ShowWhileBuffering" VALUE="true"/>

</entry>
<entry clientskip="no" skipifref="no">
<Ref href = "mms://210.245.0.62/vov1"/>
</entry>
<entry clientskip="no" skipifref="no"><REF HREF="http://i240.photobucket.com/albums/ff259/thuthuatblog/posts/ttb_tvol_error.gif"/><DURATION VALUE="10:00:03.00"/><PARAM NAME="ShowWhileBuffering" VALUE="true"/></entry></ASX>

Bạn có thể làm các hình này bằng cách tham khảo các hình Thủ Thuật Blog đã làm: đang kết nối, báo lỗi.

thuthuatblog

Xem lý lịch thành viên

xinholkute


Thành Viên
Thành Viên
viết hiểu tao chết liền

Xem lý lịch thành viên

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang  Thông điệp [Trang 1 trong tổng số 1 trang]

Permissions in this forum:
Bạn không có quyền trả lời bài viết

 

Legend :  [ Vn-plus Founder ] [ Administrator ] [ Super Moderator ] [ Moderator ] [ Member ] [ VIP member ] [ banned ]



Free Auto Backlink Exchange ServiceFree Backlink Exchange For SeoVietnam BacklinksTravel BacklinksFree BacklinksText Backlink ExchangesText Back Link ExchangeFlorists LinksOverShopping Link ExchangeFree Automatic LinkWeb Link Exchange - Linkcsere

    Diễn Đàn Vn-Plus.Org | Thống kê | Liên hệ | Báo cáo lạm dụng  | Bạn muốn quảng cáo | Lên Đầu Trang

    Powered by: PHPBB2. Copyright © 2011  Diễn Đàn Mở VN+
    Contact: Vn-plus Founder . Yahoo: Nobita_xuka_ccy. Địa chỉ: Từ Tây - Yên Phú - Yên Mỹ - Hưng Yên
    BQT không chịu trách nhiệm bất cứ nội dung nào của thành viên đăng tải

Liên Kết Vớivn+

Free forum | © PunBB | Free forum support | Report an abuse | Sosblogs