เพลงบนเว็บไซต์นั้นหายากมากกว่าปกติ เมื่อใส่เพลงลงในเว็บไซต์ คุณต้องเข้าใจว่าผู้ใช้บางรายอาจถูกปิดโดยสมบูรณ์ ในบทความนี้ เราจะดูตัวเลือกต่างๆ ในการแทรกเพลงลงในเว็บไซต์ และดูวิธีสร้างเพลงพื้นหลังด้วย

วิธีแทรกเพลงพื้นหลังบนเว็บไซต์

การใส่เพลงประกอบบนเว็บไซต์เป็นตัวเลือกที่อันตรายที่สุดในแง่ของการสูญเสียผู้เยี่ยมชม เพราะเพลงพื้นหลังไม่เพียงแต่ไม่สามารถปิดได้ แต่ยังไม่สามารถปรับระดับเสียงได้ แต่อย่างใด (ทั้งหมดขึ้นอยู่กับระดับเสียงปัจจุบันบนคอมพิวเตอร์) ดังนั้นคุณต้องคิดร้อยครั้งก่อนที่จะใส่เพลงพื้นหลัง

มีสองวิธีในการแทรกเพลงลงใน html

ตัวเลือก 1. ผ่านแท็ก html

ที่ป้าย มีคุณสมบัติหลายประการ:

• loop="value" - จำนวนการซ้ำของเพลง (ถ้า -1 ให้เล่นซ้ำไม่รู้จบ)
• balance="value" - สมดุลสเตอริโอ (ตั้งแต่ -10,000 ถึง 10,000)
• ปริมาณ = "ค่า" - ปริมาณ (สูงสุด 0, -10,000 ขั้นต่ำ)

เพลงจะเล่นโดยอัตโนมัติเมื่อโหลดหน้า

ตัวอย่างเช่น

ตัวเลือกที่ 2 ผ่านแท็ก

ที่ป้าย คุณสามารถใช้แอตทริบิวต์ต่อไปนี้:

• width="value" - ความกว้าง (เป็นพิกเซลหรือเปอร์เซ็นต์)
• height="value" - ความสูง (เป็นพิกเซลหรือเปอร์เซ็นต์)
• align="value" - การจัดตำแหน่ง (ซ้าย - ซ้าย, ขวา - ขวา, กึ่งกลาง - กึ่งกลาง)
• ซ่อน = "ค่า" - การมองเห็นแผง (จริง - ซ่อน, เท็จ - แสดง) โดยค่าเริ่มต้นแผงจะมองเห็นได้
• autostart="value" - เล่นเพลงเมื่อโหลด (จริง - ใช่, เท็จ - ไม่ใช่)
• loop="value" - value true - เล่นเป็นวงกลม, false - หนึ่งครั้ง

ตัวอย่างเช่น

โปรแกรมเล่นมาตรฐานจะมีลักษณะแตกต่างกันไปในแต่ละเบราว์เซอร์ ดังนั้นเราจะไม่พิจารณาแต่ละเบราว์เซอร์แยกกัน

ใน html5 คุณสามารถใช้แท็กได้

ความหมายของการใช้แท็ก

คุณสามารถใช้แอตทริบิวต์ต่อไปนี้:

• autoplay="value" - เปิดเพลงทันทีเมื่อโหลดหน้า
• Controls="value" - แสดงแผงควบคุมเครื่องเล่นในเบราว์เซอร์
• loop="value" - รับผิดชอบต่อวงจร
• preload="value" - โหลดเพลงทันทีเมื่อโหลดหน้า

ในความคิดของฉัน ตัวเลือกที่พิจารณานั้นไม่ใช่วิธีแก้ปัญหาในอุดมคติ เนื่องจากทั้งหมดนั้นขึ้นอยู่กับผู้เล่นมาตรฐาน แต่ละเบราว์เซอร์จะมีโปรแกรมเล่นเริ่มต้นเป็นของตัวเอง และในเบราว์เซอร์บางตัวอาจไม่ทำงานเลย ดังนั้นจึงเป็นการดีที่สุดที่จะดาวน์โหลดเครื่องเล่นไปยังเว็บไซต์ของคุณและดาวน์โหลดเพลงจากเครื่องเล่น เครื่องเล่นดังกล่าวจะมีฟังก์ชั่นในการหยุด ปรับระดับเสียง ฯลฯ - ชุดที่จำเป็นทั้งหมดสำหรับผู้ใช้ทั่วไป

คำอธิบาย

เพิ่ม เล่น และจัดการการตั้งค่าเสียงบนหน้าเว็บ เส้นทางไปยังไฟล์ถูกระบุผ่านแอตทริบิวต์ src หรือแท็กย่อย ภายในภาชนะ

รายการตัวแปลงสัญญาณที่เบราว์เซอร์รองรับนั้นมีจำกัดและแสดงไว้ในตาราง 1.

สำหรับการเล่นแบบสากลในเบราว์เซอร์ที่ระบุ เสียงจะถูกเข้ารหัสโดยใช้ตัวแปลงสัญญาณที่แตกต่างกัน และไฟล์จะถูกเพิ่มพร้อมกันผ่านแท็ก .

ไวยากรณ์

คุณสมบัติ

เพิ่มแผงควบคุมให้กับไฟล์เสียง

เล่นเสียงซ้ำตั้งแต่ต้นหลังจากสิ้นสุด

ใช้ในการดาวน์โหลดไฟล์พร้อมกับการโหลดหน้าเว็บ

แท็กปิด

HTML5 IE 8 IE 9+ Cr Op Sa Fx

เสียง

Alexander Klimenkov - สิบสี่

เบราว์เซอร์ของคุณไม่รองรับแท็กเสียง

ดาวน์โหลดเพลงให้ความสามารถที่ได้รับการปรับปรุงสำหรับการทำงานกับเนื้อหาเสียง ก่อนหน้านี้ วิธีเดียวที่จะเพิ่มไฟล์เสียงลงในหน้าเว็บคือการรวมเสียงพื้นหลังโดยใช้แท็ก ซึ่งเล่นในขณะที่ผู้ใช้กำลังดูเพจโดยไม่สามารถปิดได้

ขอบคุณการเพิ่มองค์ประกอบใหม่ให้กับข้อกำหนด HTML5

วิธีเพิ่มเสียง HTML5 ให้กับเว็บเพจ

1. องค์ประกอบ

รองรับเบราว์เซอร์

เช่น: 9.0
ไฟร์ฟอกซ์: 3.5 การสนับสนุนขั้นพื้นฐาน 15.0 - การสนับสนุนเต็มรูปแบบ
โครเมียม: 3.0
ซาฟารี: 3.1
โอเปร่า: 10.5
iOS ซาฟารี: 7.1
โอเปร่ามินิ: —
เบราว์เซอร์ Android: 4.1
โครมสำหรับแอนดรอยด์: 44

องค์ประกอบ HTML5

คุณลักษณะการควบคุมจะเพิ่มเบราว์เซอร์เพื่อแสดงอินเทอร์เฟซการควบคุมเครื่องเล่นเสียง - เล่น หยุดชั่วคราว ปุ่มปรับระดับเสียง

ขณะนี้ไม่มีรูปแบบเสียงที่ใช้ได้กับทุกเบราว์เซอร์ ดังนั้นเพื่อให้แน่ใจว่าเนื้อหาสามารถเข้าถึงได้โดยผู้ชมในวงกว้างที่สุดเท่าที่จะเป็นไปได้ ขอแนะนำให้รวมแหล่งที่มาของเสียงหลายแหล่งที่แสดงโดยใช้แอตทริบิวต์ src ขององค์ประกอบ - ในเวลาเดียวกัน คุณสามารถเพิ่มเนื้อหาสำรองสำหรับเบราว์เซอร์ที่ไม่รองรับองค์ประกอบดังกล่าวได้

2. ตัวแปลงสัญญาณเสียง

ตัวแปลงสัญญาณเสียง (ตัวถอดรหัส) เป็นโปรแกรมสำหรับแปลงข้อมูลดิจิทัลเป็นไฟล์เสียงหรือรูปแบบสตรีมเสียง รูปแบบเสียงยอดนิยมคือ:

เอ็มพี3- รูปแบบเสียงยอดนิยมที่ใช้การบีบอัดแบบสูญเสียและช่วยให้คุณลดขนาดไฟล์ได้หลายครั้ง เนื่องจากมีค่าธรรมเนียมใบอนุญาต ทำให้ไม่รองรับ Firefox และ Opera

เอเอซี (ตัวแปลงสัญญาณเสียงขั้นสูง) - ตัวแปลงสัญญาณแบบปิดซึ่งคล้ายคลึงกับ MP3 แต่เมื่อเทียบกับรุ่นหลังจะรองรับคุณภาพเสียงที่สูงกว่าโดยมีขนาดไฟล์ใกล้เคียงกัน

อ็อก วอร์บิส- รูปแบบโอเพ่นซอร์สฟรี รองรับ Firefox, Opera และ Chrome ให้คุณภาพเสียงที่ดี แต่เครื่องเล่นฮาร์ดแวร์ไม่รองรับอย่างกว้างขวาง

3. แหล่งข้อมูลสื่อทางเลือก

องค์ประกอบ ใช้เพื่อเพิ่มทรัพยากรสื่อหลายรายการสำหรับ

4. เพิ่มคำบรรยายและชื่อเรื่อง

องค์ประกอบ ใช้เป็นองค์ประกอบย่อย

5. ตัวอย่างเครื่องเล่นเสียงที่มีสไตล์

การใช้สไตล์ CSS ทำให้เครื่องเล่นเสียงของคุณมีรูปลักษณ์ที่แปลกตา การเล่นถูกควบคุมโดยใช้สคริปต์ขนาดเล็ก (โดยใช้ไลบรารี jQuery) เสียงจะปรากฏขึ้นเมื่อคุณวางเมาส์เหนือบันทึก

ฉันเป็นโปรแกรมเมอร์ nodejs ตอนนี้ฉันมีตารางข้อมูลที่ฉันต้องการบันทึกลงในไฟล์ Excel ฉันจะทำเช่นนี้ได้อย่างไร?

ฉันพบไลบรารีโหนดหลายแห่ง แต่ส่วนใหญ่เป็นโปรแกรมแยกวิเคราะห์ Excel ไม่ใช่ผู้เขียน Excel ฉันใช้เซิร์ฟเวอร์ Linux ดังนั้นคุณต้องมีบางอย่างที่สามารถทำงานบน Linux ได้ โปรดแจ้งให้เราทราบหากมีห้องสมุดที่มีประโยชน์ที่คุณรู้จัก

หรือมีวิธีแปลงไฟล์ csv เป็นไฟล์ xls (โดยทางโปรแกรม)?

Geeky_monster

7 คำตอบ:

ใช้งานได้กับรูปแบบ CSV และ XLSX

เหมาะสำหรับการอ่าน/เขียนสตรีม XLSX ฉันใช้มันเพื่อสตรีม XLSX ไปยังออบเจ็กต์ตอบกลับ Express โดยพื้นฐานแล้วจะเป็นดังนี้:

App.get("/some/route", function(req, res) ( res.writeHead(200, ( "การจัดการเนื้อหา": "ไฟล์แนบ; filename="file.xlsx"", "Transfer-Encoding": " chunked", "Content-Type": "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" )) var workbook = new Excel.stream.xlsx.WorkbookWriter(( stream: res )) var worksheet = workbook.addWorksheet(" บางแผ่นงาน") worksheet.addRow(["foo", "bar"]).commit() worksheet.commit() workbook.commit() )

ใช้งานได้ดีกับไฟล์ขนาดใหญ่ ทำงานได้ดีกว่ามาก excel4node(มีการใช้งานหน่วยความจำจำนวนมากและกระบวนการโหนด "หน่วยความจำไม่เพียงพอ" หยุดทำงานหลังจากผ่านไปเกือบ 5 นาทีสำหรับไฟล์ที่มี 4 ล้านเซลล์ใน 20 แผ่นงาน) เนื่องจากความสามารถในการสตรีมมีจำกัดมากขึ้น (ไม่อนุญาตให้ดึงข้อมูล "commit()" ชิ้นเหมือนเท่านั้นที่สามารถสร้างได้)

สวัสดีผู้อ่านบล็อกที่รัก จึงไม่น่าแปลกใจที่เว็บไซต์สื่อได้รับความนิยมเพิ่มมากขึ้นในช่วงหลังๆ นี้ ในเว็บไซต์ดังกล่าวมีความน่าสนใจมาก เช่น คุณสามารถดูวิดีโอหรือฟังเพลงดีๆ ได้ แต่คราวนี้เราจะมาฟังเพลงกัน คือ เราจะเรียนรู้วิธีการแทรกไฟล์เสียงลงในเว็บไซต์ของเราโดยใช้ HTML5

ปรากฎว่า HTML5 รองรับแท็กเสียง ทำให้การแทรกเพลงลงในเว็บไซต์เป็นเรื่องง่ายมาก เป็นเรื่องจริงที่เบราว์เซอร์รุ่นเก่าบางรุ่นไม่เล่นไฟล์เสียง แต่เบราว์เซอร์สมัยใหม่ทั้งหมดก็เล่นได้อย่างดี

สาธิต

รองรับเบราว์เซอร์

เบราว์เซอร์ทั้งหมดที่รองรับแท็ก

ตัวอย่างเช่น: IE9+ รองรับเฉพาะไฟล์ mp3 แต่ไม่รองรับ wav และ ogg

Chrome หลังจากเวอร์ชัน 6 รองรับเกือบทุกรูปแบบ

Opera 10+ ไม่รองรับ mp3 จริง ๆ แล้วสำหรับฉันแล้วดูเหมือนว่านี่เป็นข้อเสียเปรียบที่ยิ่งใหญ่มาก แต่ไม่รองรับรูปแบบยอดนิยมเช่นนี้ แต่มันใช้งานได้ดีกับ wav และ ogg

มันเป็นเรื่องเดียวกันกับเบราว์เซอร์ Firefox เช่นเดียวกับ Opera ด้วยเหตุนี้เธอจึงมีลบมากและมีไขมัน

Safari รองรับรูปแบบเสียงทุกรูปแบบ ยกเว้น ogg

การเพิ่มไฟล์เสียงลงในไซต์

หากต้องการเพิ่มไฟล์เสียงลงในไซต์ของคุณ คุณต้องอยู่ระหว่างแท็ก ให้ลิงก์โดยตรงไปยังไฟล์ ลิงก์ถูกระบุโดยใช้แท็ก - นี่คือลักษณะของโค้ดที่เสร็จแล้ว:

อย่างที่คุณเห็น มีการเพิ่มไฟล์ 3 ไฟล์ที่นี่ในคราวเดียว ดังนั้นหากเบราว์เซอร์บางตัวไม่รองรับ mp3 มันจะเล่นในรูปแบบที่มันรองรับโดยอัตโนมัติ และอื่นๆ

จะเกิดอะไรขึ้นหากเบราว์เซอร์ไม่รองรับแท็กเลย

แต่เราเป็นคนใจดี :-) และหากผู้ใช้ไม่สามารถฟังเพลงได้เราจะให้เขาดาวน์โหลด ในการดำเนินการนี้ คุณเพียงแค่ต้องเพิ่มลิงก์ไปยังไฟล์ ดังนั้นเราจะได้โค้ดดังนี้

เบราว์เซอร์ของคุณไม่รองรับเสียง

วิธีนี้ผู้ใช้สามารถดาวน์โหลดไฟล์ :-)

เพื่อนๆ นี่คือตัวอย่างผลงานของเราครับ เบราว์เซอร์ติดตั้งเครื่องเล่นแบบธรรมดา

สาธิต

เพียงเท่านี้เพื่อนรัก หากคุณมีคำถามหรือปัญหาใด ๆ ถามในความคิดเห็น แล้วพบกันใหม่เร็วๆ นี้