25 เมษายน 2555

การนำไฟล์แฟลช และ mp3 จาก Dropbox เล่นออนไลน์ใน Webblog

09:21

ต้องขอสารภาพโดยตรงว่า สมัครใช้บริการ Dropbox มาตั้งนานแต่ทว่าก็เพียงแค่แชร์ลิงค์กับเพื่อน ๆ เท่านั้น ไม่เคยเอาไฟล์เล่นออนไลน์ในเวบบล็อกของตน ไม่ว่าจะเป็นไฟล์แฟลช ประเภทวีดีโอ  เกมส์ หรือ ไฟล์ audio ,mp3, เนื่องจากไม่เคยทราบมาก่อนว่า กล่องข้อมูลบนโลกออนไลน์ Dropbox สามารถให้บริการ Directlink สำหรับเล่นบนเวบไซต์หรือเวบบล็อกได้โดยตรง  โดยใช้ public link นั่นเอง

ตามมาดูวิธีการนำไฟล์แฟลช flv,swf นำมาเล่นบน Webblog หรือเวบไซต์โดยใช้ embed code ค่ะ

 

การนำไฟล์แฟลช และ mp3 จาก Dropbox เล่นออนไลน์ใน Webblog

 

 

1 ขั้นตอนแรกให้ Copy puplic link ไฟล์ flv,swf จาก Dropbox มาค่ะ 

2 ให้นำ  public link นี้ วางแทนที่ใน   Embed code ต่อไปนี้ค่ะ

 

<param name="movie" value="ชื่อไฟล์แฟลช.swf">
<param name="quality" value="high">
<embed src="public link จาก Dropbox.swf" quality="high"
pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="700"
height="322"></embed>

 

โดย มีรูปแบบ pupblic link รูปแบบดังนี้  http://dl.dropbox.com/u/ชื่อไฟล์.swf  ให้นำ ชื่อไฟล์.swf, public link แทนที่ใน Code ต่อจากนั้นปรับแต่ง Width คือความกว้างของการแสดงผล  และปรับแต่ง height ส่วนสูงของไฟล์แฟลชที่จะแสดง

3. ขั้นตอนสุดท้ายนำ Embed code ที่ปรับแต่งเสร็จแล้ว วางในส่วนของ Html ของ เวบบล็อกหรือเวบไซต์ค่ะ

วิธีการเล่นเพลง mp3 จากกล่อง Dropbox ในเวบไซต์หรือเวบบล็อก มีขั้นตอนดังนี้

การนำไฟล์แฟลช และ mp3 จาก Dropbox เล่นออนไลน์ใน Webblog

1 ขั้นตอนแรกให้ Copy puplic link ไฟล์ flv,swf จาก Dropbox มาค่ะ

2 ให้นำ public link นี้ วางแทนที่ใน Embed code ต่อไปนี้ค่ะ

<embed type="application/x-shockwave-flash" wmode="transparent" src="http://www.google.com/reader/ui/3523697345-audio-player.swf?audioUrl=public link จาก Dropbox" height="27" width="320"></embed>

โดยแทนที่ Public link จาก Dropbox ใน embed code ดังกล่าว ต่อจากนั้นปรับแต่ Width คือความกว้างของการแสดงผล และปรับแต่ง height ส่วนสูงของการแสดงผลค่ะ

3.ขั้นตอนสุดท้าย นำ Embed code ดังกล่าววางในส่วนของภาษา html ในเวบไซต์หรือเวบบล็อกค่ะ

Written by

We are Creative Blogger Theme Wavers which provides user friendly, effective and easy to use themes. Each support has free and providing HD support screen casting.

0 ความคิดเห็น:

แสดงความคิดเห็น

 

© 2013 เทคนิคการใช้งานคอมพิวเตอร์และอินเตอร์เน็ต. All rights resevered. Designed by Templateism

Back To Top