1. Tuyển Mod quản lý diễn đàn. Các thành viên xem chi tiết tại đây

Hướng dâ?fn la??m site nghe nhạc online

Chủ đề trong 'Hỏi đáp Tin học' bởi phuongnghi, 27/07/2006.

  1. Có 0 người đang xem box này (Thành viên: 0, Khách: 0)
Trang 1/2
  1. phuongnghi

    phuongnghi Thành viên mới

    Tham gia ngày:
    17/11/2003
    Bài viết:
    8
    Đã được thích:
    0
    Hướng dâfn la?m site nghe nhạc online

    Chà?o càc bàc,

    Cò bàc nà?o biẮt càch là?m 1 site nghe nhàc online thì? vui lò?ng chì? giùp em với. Trì?nh 'Ặ IT cù?a em hơi lù?n nĂn chì? cho em mẶt càch dĂf hiĂ?u nhẮt 'ược khĂng?
    Càm ơn
    phuongnghi, 27/07/2006
    #1
  2. Pagan

    Pagan Thành viên rất tích cực

    Tham gia ngày:
    12/08/2004
    Bài viết:
    3.118
    Đã được thích:
    1
    Bác làm một site bình thường, upload nhạc lên host nào đó (host của mình thì càng tốt), rồi chèn đoạn mã của chương trình nghe nhạc vào là xong thôi.
    Nếu bác làm một trang nghe nhạc phức tạp (hỗ trợ Linux, có sử dụng javascript) thì cần giải thích một chút, chứ còn chỉ dùng cho Windows (đặc biệt là Internet Explorer) thì rất đơn giản, chỉ cần dùng chèn đoạn mã sau vào là được:
    <object width="300" height="42">
    <param name="src" value="<đường dẫn>">
    <param name="autoplay" value="true">
    <param name="controller" value="true">
    <param name="bgcolor" value="#FF9900">
    <embed src="<đường dẫn>" autostart="true" loop="false" width="300" height="42" controller="true" bgcolor="#FF9900"></embed></object>
    Đơn giản hơn thì có thể dùng: <embed src="<đường dẫn>" width="300" height="42" ></embed> hoặc <embed src="<đường dẫn>" autostart="true" loop="false" width="300" height="42" controller="true" bgcolor="#FF9900"></embed> . Nhưng không phải trình duyệt nào cũng hỗ trợ lệnh embed (nên mới phải dùng thêm object tag như ở trên).
    Pagan, 27/07/2006
    #2
  3. phuongnghi

    phuongnghi Thành viên mới

    Tham gia ngày:
    17/11/2003
    Bài viết:
    8
    Đã được thích:
    0
    Bàc cò thĂ? cho em xin code 'ò khĂng à?
    phuongnghi, 27/07/2006
    #3
  4. Pagan

    Pagan Thành viên rất tích cực

    Tham gia ngày:
    12/08/2004
    Bài viết:
    3.118
    Đã được thích:
    1
    Tôi đã xem lại rồi, chỉ cần đoạn mã
    <embed src="<đường dẫn>" type=application/x-mplayer2 autostart="true" loop="false" width="300" height="42" controller="true" bgcolor="#FF9900"></embed>
    là đủ, còn mấy dòng object thì không.
    Đây là cách để chèn nhạc đơn giản nhất vào trang web của bác, và hầu hết các trang nghe nhạc đều dùng cách này.
    Nếu bác muốn chuyên nghiệp hơn thì có thể dùng mã javascript để chèn nhạc: mỗi lần bác nhấn vào tên bài hát nào thì sẽ mở ra một cửa sổ (pop up) mới để chơi bài hát. Ví dụ thì bác có thể vào trang web của tôi: http://vnrock.blogspot.com , tìm mấy bài hát có kèm lời, nhấn vào nút play để nghe bài đấy (tìm theo từ khóa play cho nhanh).
    Cách này có ưu điểm là dễ quản lý, đặc biệt hữu ích khi nghe nhạc theo album, lý do là thay vì phải đặt mỗi bài hát ở một trang, hoặc phải chịu cho tất cả bọn nó cùng chạy một lúc như ở đoạn lệnh đơn giản trên, thì chúng ta vẫn có thể đặt tất cả các bài hát ở cùng một chỗ, nếu khách muốn nghe bài nào thì chỉ việc nhấn vào tên bài đó, nghe xong đóng lại rồi bật bài khác, rất đơn giản.
    Đoạn mã của chương trình này gồm 2 phần: javascript để lập cửa sổ mới và chèn chương trình chơi nhạc vào cửa sổ này, phần 2 là html để gọi lệnh javascript trên.
    javascript:
    <script language=JavaScript type=text/javascript>
    function mediaplayer(filedesc,filepath,WindowNumber)
    {
    var objTypeTag = "application/x-mplayer2";
    PlayerWin = window.open('''',WindowNumber,''width=320,height=217,top=0,left=0,screenX=0,screenY=0,resizable=0,scrollbars=0,titlebar=0,toolbar=0,menubar=0,status=0,directories=0'');
    PlayerWin.focus();
    PlayerWin.document.writeln("<html><head><title>" + filedesc + "</title></head>");
    PlayerWin.document.writeln("<body bgcolor=''#9999ff''>");
    PlayerWin.document.writeln("<div align=''center''>");
    PlayerWin.document.writeln("<b style =''font-size:18px;font-family:Lucida,sans-serif;line-height:1.6''>" + filedesc + "</b><br />");
    PlayerWin.document.writeln("<embed src =''" + filepath + "'' type=''" + objTypeTag + "'' autoplay=''true'' width=''280'' height=''69'' controller=''1'' showstatusbar=''1'' bgcolor=''#9999ff'' kioskmode=''true''>");
    PlayerWin.document.writeln("</div>");
    PlayerWin.document.writeln("<p style=''font-size:12px;font-family:Lucida,sans-serif;text-align:center''><a href=''" + filepath +"''>Download this file</a> <span style=''font-size:10px''>(right-click or Control-click)</span></p>");
    PlayerWin.document.writeln("<form><div align=''center''><input type=''button'' value=''Close this window'' onclick=''javascript:window.close();''></div></form>");
    PlayerWin.document.writeln("</body></html>");
    PlayerWin.document.close();
    }
    </script>
    Đoạn mã này chỉ cần chèn một lần cho một trang web (tốt nhất là ở phần đầu mỗi trang cho dễ nhận ra).
    Đoạn mã thứ 2 là <a href="Đường dẫn" target="_blank" onClick="javascript:mediaplayer(''Tên bài hát'',this.href,''1''); return false">Nhấn vào đây để nghe</a>, chèn một lần cho mỗi bài hát.
    Chúc vui vẻ, và hi vọng là không khó hiểu quá
    Được Pagan sửa chữa / chuyển vào 21:34 ngày 27/07/2006
    Pagan, 27/07/2006
    #4
  5. Pagan

    Pagan Thành viên rất tích cực

    Tham gia ngày:
    12/08/2004
    Bài viết:
    3.118
    Đã được thích:
    1
    Lưu ý với các bác là TTVNOL bị lỗi hiển thị ngoặc đơn ngoặc kép nên đoạn mã trên bị sai một chút đấy, các bác chờ một lát tôi xong việc ở đây sẽ upload bài hướng dẫn lên host khác cho dễ nhìn (không hiểu sao mấy chương trình FTP của Win lại không vào được host của tôi).
    PS: cách này cũng không áp dụng được cho Yahoo 360 đâu nhé các bác, vì cũng chưa được hỗ trợ.
    Link download bài hướng dẫn này: http://vne***or.phpnet.us/ct-nghe-nhac.txt
    Được Pagan sửa chữa / chuyển vào 22:18 ngày 27/07/2006
    Pagan, 27/07/2006
    #5
  6. phuongnghi

    phuongnghi Thành viên mới

    Tham gia ngày:
    17/11/2003
    Bài viết:
    8
    Đã được thích:
    0
    Cám ơn Pangan nhiều, nhưng có thể chỉ cho mình cụ thể hơn chút không?
    Mình muốn biểu tượng nghe nhạc nằm sẵn trên trang web luôn, không hiên ra pop-up, và click vào tên bài hát thì chương trình nghe nhạc sẽ hát bài đó.
    Cám ơn
    phuongnghi, 28/07/2006
    #6
  7. phuongnghi

    phuongnghi Thành viên mới

    Tham gia ngày:
    17/11/2003
    Bài viết:
    8
    Đã được thích:
    0
    Cám ơn Pangan nhiều, nhưng có thể chỉ cho mình cụ thể hơn chút không?
    Mình muốn biểu tượng nghe nhạc nằm sẵn trên trang web luôn, không hiên ra pop-up, và click vào tên bài hát thì chương trình nghe nhạc sẽ hát bài đó.
    Va khi trên web có nhiều bài hát thì chèn nhiều đoạn mã 2 của bạn vô phải không?
    Cám ơn
    phuongnghi, 28/07/2006
    #7
  8. _l_

    _l_ Thành viên rất tích cực

    Tham gia ngày:
    20/05/2006
    Bài viết:
    1.498
    Đã được thích:
    0
    Vậy còn vấn đề giao diện làm sao giờ Pagan, Vì nếu theo cách của bác giao diện của nó sẽ thế này:
    [​IMG]
    Làm thế nào để thay đổi giao diện đây bác.
    _l_, 28/07/2006
    #8
  9. Pagan

    Pagan Thành viên rất tích cực

    Tham gia ngày:
    12/08/2004
    Bài viết:
    3.118
    Đã được thích:
    1
    Thế chắc bác làm sai ở đoạn nào, chứ tôi cũng làm như thế thì nó lại ra cửa sổ này:
    [​IMG]
    (Đây là của Linux, của Windows thì nó sẽ hiện thanh công cụ của Windows Media Player).
    Bác có thể thay đổi đoạn mã PlayerWin = window.open(...); để thay đổi kích thước cửa sổ này, nhưng theo tôi thì không nên vì như thế là vừa rồi.
    @phuongnghi: nếu bác không muốn bài hát đấy tự bật khi nạp trang web thì có thể dùng lệnh autostart="false", nhưng lưu ý là không phải trình duyệt nào cũng hỗ trợ lệnh này. (ví dụ như Firefox)
    Còn câu hỏi thứ 2 thì bác đúng rồi đấy.
    Pagan, 29/07/2006
    #9
  10. _l_

    _l_ Thành viên rất tích cực

    Tham gia ngày:
    20/05/2006
    Bài viết:
    1.498
    Đã được thích:
    0
    Trong trường hợp em chỉ cho đoạn mã
    embed src="<đường dẫn>" type=application/x-mplayer2 autostart="true" loop="false" width="300" height="42" controller="true" bgcolor="#FF9900"></embed>
    Là nó xuất hiện giao diện trên rồi
    Còn thêm mã JaVaS thì nó sẽ xuất hiện của sổ của WMP.
    Cái mà _L_ muốn ko phải cái giao diện sau khi thêm Script. mà là cái giao diện đầu ấy. PAGAN hiểu ko???
    _l_, 29/07/2006
    #10
Trang 1/2

Chia sẻ trang này