Sở hữu ngay tên miền CO.CC ngắn gọn, dễ nhớ, miễn phí, không bị chặn,... cho website, blog.
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.
<script src='LINK_ĐẾN_FILE.JS' type='text/javascript'/>Hoặc
<script src='LINK_ĐẾN_FILE.JS' type='text/javascript'></script>Và chèn đoạn mã này vào giữa hay thẻ <body> và </body> 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 xin xem thêm hướng dẫn.
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.
<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 <div id="MediaPlayer"> và </div> như sau:
<div id="MediaPlayer">Nếu quan sát mã nguồn blog của tôi bạn sẽ thấy:
<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>
<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
<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.
<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: mms://media.tuoitre.com.vn/BroadCast
- Tuổi Trẻ Video Online: http://www3.tuoitre.com.vn/media/PlayList.aspx?TVO=-1
- Truyền hình Thanh Niên: http://www3.tuoitre.com.vn/media/PlayList.aspx?THTN=-1
- TV Info: mms://222.255.31.252/InfoTVChannel
- VTV1: mms://210.245.126.153/VTV1/
- VTV2: mms://210.245.126.153/VTV2/
- VTV3: mms://210.245.126.153/VTV3/
- VTV4: mms://210.245.126.153/VTV4/
- HTV7: mms://203.210.215.251/HTV7 (Cập nhật 31/12/2007)
- HTV9: mms://203.210.215.251/HTV9 (Cập nhật 31/12/2007)
- VTC1: rtsp://www.vtc.com.vn:556/VTC1_01
- VTC2: rtsp://www.vtc.com.vn:556/VTC2_02
- VTC3: rtsp://www.vtc.com.vn:557/VTC3_03
- VTC4: rtsp://www.vtc.com.vn:556/VTC4_04
- VTC5: rtsp://www.vtc.com.vn:556/VTC5_05
- Hà Nội TV: rtsp://203.162.1.181/HTV
- Đồng Nai 1: rtsp://www.dongnai.gov.vn/dn1
- Đồng Nai 2: rtsp://www.dongnai.gov.vn/dn1
- TH Vĩnh Long: mms://210.245.121.111/thvl
- VietNamNet TV: rtsp://tv.vietnamnet.vn/live
- VOV1: rtsp://210.245.0.62/vov1
- VOV2: rtsp://210.245.0.62/vov2
- VOV3: rtsp://210.245.0.62/vov3
- VOV6: rtsp://210.245.0.62/vov6
- VOH FM 99MHz: http://www.voh.com.vn/data/sound/20070313084600FMLSX07h00p110307QC.mp3
- Bình Dương: rtsp://203.162.163.37/fm
Ngoài ra, có thể thêm các kênh quốc tế bằng việc "mổ xẻ" trang www.wwitv.com. 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.
<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>
Ví dụ
<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.
Hãy để lại comments phía dưới bài viết giúp mọi người tham khảo cách làm của bạn nhé!
Chúc thành công!
30 comments:
Thank so much!
Màn hình của tôi cứ Connecting media... một hồi sau Ready, khi nhắp Play lại cứ thế. Tối thui!
@quang, đây là do link nguồn truyền hình bị đổi mà mình chưa kịp cập nhật. Các trang web thường hay thay đổi nên mình chưa cập nhật kịp.
amin ơi làm ơn chỉ lại cho mình rõ hơn dc không cái( Bước 1: Đoạn mã điều khiển đổi kênh ) mình đặt chung với các đoạn code đã tạo (Bước 2: Đoạn mã trong iframe làm sao áy ,)
và không hiểu sao đặt chung với nhau hay đặt riêng thế nào ,, giúp nhé cám ơn nhiều
@bạn, Có nhiều cách đặt các đoạn code đó. Bạn có thể để các đoạn mã ở bước 1, 3, 4 trên cùng một trang.
- Đoạn code ở bước 1 là link đến file .js chứa hàm điều khiển chuyển đổi kênh.
- Đoạn code ở bước 3 là link đến file .html hiển thị trình chơi Windows Media Player.
- Đoạn code ở bước 4 chứa link đổi kênh.
Nói thêm, link kênh VTV3 trong ví dụ bước 3 trên đã thay đổi.
Không được bạn ơi, nếu làm như bước 4
thì khi nhấp vào kênh muốn xem ngay lập tức sẽ bị chuyển tới trang trong liên kết chứ không còn trong blog mình nữa.
@tran son, làm được chứ bạn. Hãy chọn kênh ở TV của tôi đấy, link như những gì trên hướng dẫn này.
Kính mời anh Nhân cùng các anh chị trang truyền hình của mình :
http://tranhuunghia2.googlepages.com/VTV_NEW3.htm
Tái bút : Rất mong các anh chị dành thời gian chỉnh sửa đoạn file VTV_NEW3.txt của chúng ta .
Cám ơn nhiều.
@tran huu nghia,
Sao em không sử dụng hướng dẫn của anh nhỉ? Cần gì phải sửa lại các đoạn code mà em đưa trong khi hướng dẫn của anh tương tự như em hiện đang chạy rất tốt.
Hãy thử theo hướng dẫn của anh và sửa lại cách trình bày như em đang làm.
Thủ Thuật Blog.
hic sao minh ko chuyen kenh duoc cau nhi?? giup minh voi.minh lam het nhung gi ma ban huong dan rui, nhung van ko chuyen kenh duoc.
anh oi, Anh co the chi dan bang hinh anh duoc khong, Em moi bat dau lam cai nay nen doc va lam mai ma khong thanh cong. A giup Em nha, dia chi cua em la nguoixaxu00thay@yahoo.com
ANH ƠI !XIN ANH HƯỚNG DẪN EM TẠO CÁC KÊNH TRUYỀN HÌNH TRONG WINDOWS MEDIA .VÌ EM KHÔNG BIẾT BLOG LÀM NHƯ THẾ NÀO?ANH GIÚP EM NHÉ ANH!CÁCH NÀO DỄ DỄ NHÉ ANH,VÌ TINHỌC CHỈ BIẾT TÍ THÔI.CẢM ƠN ANH NHIỀU.
EMAIL CỦA EM:phanthuykevin@yahoo.com
@anonymous, cái đó thì em chỉ cần lấy link truyền hình và tạo một playlist của Windows Media Player.
sao phần chuyển kênh mình làm ko dc nhỉ
có lộn gì không biết
anh oi em chua su dung gmail nen em chang bit luu file len Google Pages sao ca chi em voi.
em su dung blog opera co su dung cai nay dc ko vay anh chi cho em voi ma
Mình Làm Hem Đc Ai CÓ Thể Giút Đở Minh Đc Hem
vo day ma lay nhieu kenh moi : http://goonlinetv.com
Bạn có thể cho mình cái code của topic này ko? (Cái code của nguyên cái trang "Xem các kênh truyền hình trực tuyến và nghe radio online" đó) Làm theo các bước đó khó và rườm rà quá, mà mình chỉ cần giống cái trang kia thôi!! Mình làm blog bên My Opera, ko biết có thể làm cái đó ko nhỉ? Mong bạn trả lời sớm.
Anh Nhân ơi, hãy hướng dẫn cho em cách làm truyền hình bằng hình ảnh được không ?, anh nói như vầy em khó hiêu quá. Khi nào chụp được ảnh thì làm một file gửi qua cho em bằng email drthuongcknoi@yahoo.com hoặc anh đăng trên trang của mình cũng được.Monh anh tài bút.
Thank anh Nhân rất nhiêu.
Làm sao post hình lên vậy anh , mà đằng sau có chử jbg hoặc jpeg đó sao post lên vậy em mún post lên mà bấm vào đâu để post , chỉ em nhá -^.^- .
Mà pấm vào chổ tìm hình á . Có jì gửi Mail cho em nha baby_love1931997@yahoo.com .
anh ơi, lưu file này lên Google Pages làm như thế nào hả anh?????
Vip
Bài viết bạn đăng kiểu này ít ai làm được lắm ! Mình đã làm được nhưng ko phải từ bài viết của bạn, mà là mình đã lấy luôn cái nguồn của bạn !
Hahaha... Thanks nhé !
Em lam hoai cha duoc. Chen doan Code Iframe no khong hien thi Window Media Player
Ở Việt Nam có thêm 1 kênh truyền hình trực tuyến đó là PTQ của Đài PT-Th Quảng Ngãi
mms://222.252.238.212/tv-ptq
và phát thanh là:
mms://222.252.238.212/radio-ptq
Bài cũ quá rồi viết lại hướng dẫn mới đi Chủ blog
www.televisionvnn.blogspot.com
chịu thôi
ui ui, sao minnh lam buoc 4 hok duoc huhu
Post a Comment
Cám ơn bạn đã đọc bài viết. Nào bạn có gợi ý hoặc cách làm hay hơn hãy để lại vài lời để cùng chia sẻ với mọi người. Xin lưu ý bạn, các nhận xét không có tính góp ý xây dựng hay giúp đỡ nhau cùng tiến bộ sẽ bị xóa mà không cần báo trước. Thêm vào đó, bạn nhất thiết phải có tài khoản Google, hoặc các mạng được liệt kê phía dưới (bao gồm cả OpenID) mới được nhận xét. Thời gian gần đây các comment mang nội dung chính trị, phản động, chửi bới thường xuyên được gửi vào blog, vì lý do đó, bạn phải có một trong các tài khoản được đề cập. Xin lỗi vì sự bất tiện này. Chúc ngôi nhà yêu của bạn ngày càng được nhiều khách thăm viếng. Nội dung gõ bằng tiếng Việt có dấu rõ ràng sẽ dễ chiếm thiện cảm hơn cả.(ThuThuatBlog.com).