موسیقی در این سایت بیشتر از معمول نادر است. هنگام درج موسیقی در یک وب سایت، باید بدانید که برخی از کاربران ممکن است به طور کامل توسط آن خاموش شوند. در این مقاله به چندین گزینه برای درج موسیقی در یک وب سایت و همچنین نحوه ساخت موسیقی پس زمینه خواهیم پرداخت.

نحوه درج موسیقی پس زمینه در وب سایت

درج موسیقی پس زمینه در یک وب سایت خطرناک ترین گزینه از نظر از دست دادن بازدید کننده است. زیرا موسیقی پس زمینه نه تنها خاموش نمی شود، بلکه به هیچ وجه نمی توان صدای آن را تنظیم کرد (همه به میزان صدای فعلی کامپیوتر بستگی دارد). بنابراین قبل از قرار دادن موسیقی پس زمینه باید صد بار فکر کنید.

دو راه برای درج موسیقی در html وجود دارد

گزینه 1. از طریق تگ html

در برچسب چندین ویژگی وجود دارد:

• حلقه = "ارزش" - تعداد تکرارهای موسیقی (اگر -1، سپس بی انتها تکرار می شود)
• balance="value" - تعادل استریو (از -10000 تا 10000)
• volume="value" - حجم (0 حداکثر، -10000 حداقل)

هنگام بارگیری صفحه، موسیقی به طور خودکار پخش می شود.

مثلا

گزینه 2. از طریق یک برچسب

در برچسب از ویژگی های زیر می توان استفاده کرد:

• width="value" - عرض (بر حسب پیکسل یا درصد)
• height="value" - ارتفاع (بر حسب پیکسل یا درصد)
• align="value" - تراز (چپ - چپ، راست - راست، مرکز - مرکز)
• hidden="value" - قابلیت مشاهده پنل (true - hide, false - show)، به طور پیش فرض پانل قابل مشاهده است
• autostart="value" - پخش موسیقی هنگام بارگیری (درست - بله، نادرست - خیر)
• حلقه = "ارزش" - مقدار درست - پخش در یک دایره، نادرست - یک بار

مثلا

پخش کننده استاندارد برای هر مرورگر متفاوت به نظر می رسد، بنابراین ما هر یک از آنها را جداگانه در نظر نمی گیریم.

در html5 می توانید از تگ استفاده کنید

معنی استفاده از تگ

از ویژگی های زیر می توان استفاده کرد:

• autoplay="value" - بلافاصله پس از بارگیری صفحه موسیقی را روشن کنید
• controls="value" - نمایش پنل کنترل پخش کننده در مرورگر
• حلقه = "ارزش" - مسئول چرخه
• preload="value" - موسیقی را بلافاصله با بارگیری صفحه بارگیری کنید

گزینه های در نظر گرفته شده، به نظر من، راه حل های ایده آل نیستند، زیرا همه آنها بر اساس بازیکنان استاندارد هستند. هر مرورگر پخش کننده پیش فرض خود را دارد و در برخی از مرورگرها ممکن است اصلا کار نکند. بنابراین، بهتر است پخش کننده را در وب سایت خود دانلود کنید و موسیقی را از آن دانلود کنید. چنین پخش کننده عملکردهایی برای توقف، تنظیم صدا و غیره خواهد داشت. - تمام مجموعه های لازم برای یک کاربر ساده.

شرح

تنظیمات صوتی را در یک صفحه وب اضافه می کند، پخش می کند و مدیریت می کند. مسیر فایل از طریق ویژگی src یا یک برچسب فرعی مشخص می شود. داخل ظرف

لیست کدک های پشتیبانی شده توسط مرورگرها محدود است و در جدول آورده شده است. 1.

برای پخش جهانی در مرورگرهای مشخص شده، صدا با استفاده از کدک های مختلف رمزگذاری می شود و فایل ها به طور همزمان از طریق یک برچسب اضافه می شوند. .

نحو

ویژگی های

برچسب بسته شدن

ضروری.

HTML5 IE 8 IE 9+ Cr Op Sa Fx

الکساندر کلیمنکوف - چهارده

نتیجه مثال در مرورگر Opera در شکل نشان داده شده است. 1.

برنج. 1. یک فایل صوتی را پخش کنید

مرورگرها

کنترل‌های پخش صدا از نظر ظاهری بین مرورگرها متفاوت است، اما عناصر اصلی یکسان هستند. اینها دکمه پخش/مکث، طول آهنگ، زمان سپری شده و کل پخش و سطح صدا هستند.

صوتی HTML5قابلیت های بهبود یافته ای را برای کار با محتوای صوتی فراهم می کند. تا همین اواخر، تنها راه برای افزودن فایل های صوتی به صفحات وب، ادغام صدای پس زمینه با استفاده از یک برچسب بود ، که در حالی پخش می شد که کاربر در حال مشاهده صفحه بدون امکان خاموش کردن آن بود.

به لطف اضافه شدن یک عنصر جدید به مشخصات HTML5

نحوه افزودن صدای HTML5 به یک صفحه وب

1. عنصر

پشتیبانی از مرورگر

IE: 9.0
فایرفاکس: 3.5 پشتیبانی اولیه، 15.0 - پشتیبانی کامل
کروم: 3.0
سافاری: 3.1
اپرا: 10.5
سافاری iOS: 7.1
اپرا مینی: —
مرورگر اندروید: 4.1
کروم برای اندروید: 44

عنصر HTML5

ویژگی کنترل ها مرورگرها را برای نمایش رابط کنترل پخش کننده صوتی - دکمه های پخش، مکث، صدا اضافه می کند.

در حال حاضر هیچ فرمت صوتی وجود ندارد که در همه مرورگرها کار کند، بنابراین برای اطمینان از دسترسی به محتوا برای گسترده‌ترین مخاطبان ممکن، توصیه می‌شود چندین منبع صوتی را که با استفاده از ویژگی src عنصر ارائه می‌شوند، اضافه کنید. . در عین حال، می‌توانید برای مرورگرهایی که این عنصر را پشتیبانی نمی‌کنند، محتوای بازگشتی اضافه کنید

2. کدک های صوتی

کدک صوتی (رمزگشا) برنامه ای برای تبدیل داده های دیجیتال به فایل صوتی یا فرمت جریان صوتی است. فرمت های محبوب صوتی عبارتند از:

MP3- محبوب ترین فرمت صوتی که از فشرده سازی با اتلاف استفاده می کند و به شما امکان می دهد اندازه فایل را چندین بار کاهش دهید. به دلیل هزینه های مجوز، فایرفاکس و اپرا پشتیبانی نمی شوند.

A.A.C. (کدک صوتی پیشرفته) - یک کدک بسته، شبیه به MP3، اما در مقایسه با دومی، از کیفیت صدای بالاتر با اندازه فایل مشابه پشتیبانی می کند.

اوگ وربیس- فرمت متن باز و رایگان، پشتیبانی شده در فایرفاکس، اپرا و کروم. کیفیت صدای خوبی ارائه می دهد، اما به طور گسترده توسط پخش کننده های سخت افزار پشتیبانی نمی شود.

3. منابع رسانه ای جایگزین

عنصر برای افزودن چندین منبع رسانه ای استفاده می شود

4. اضافه کردن زیرنویس و عنوان

عنصر به عنوان عنصر کودک استفاده می شود

5. نمونه تلطیف شده از پخش کننده صوتی

با استفاده از سبک های CSS می توانید ظاهری غیرعادی به پخش کننده صوتی خود بدهید. پخش با استفاده از یک اسکریپت کوچک (با استفاده از کتابخانه jQuery) کنترل می شود، زمانی که ماوس را بر روی ضبط نگه دارید، صدا ظاهر می شود.

من یک برنامه نویس nodejs هستم. اکنون جدولی از داده ها دارم که می خواهم در یک فایل اکسل ذخیره کنم. من این رو چطور میتونم انجام بدم؟

چندین کتابخانه گره پیدا کردم. اما اکثر آنها تجزیه کننده اکسل هستند، نه اکسل رایتر. بنابراین، شما به چیزی نیاز دارید که بتواند روی لینوکس اجرا شود. لطفاً اگر کتابخانه های مفیدی را می شناسید به من اطلاع دهید.

یا راهی برای تبدیل فایل csv به xls (به صورت برنامه ای) وجود دارد؟

Geeky_monster

7 پاسخ:

با فرمت های CSV و XLSX کار می کند.

برای خواندن/نوشتن جریان های XLSX عالی است. من از آن برای استریم XLSX به یک شی پاسخ سریع استفاده کردم، اساساً به این صورت:

App.get("/some/route", function(req, res) ( res.writeHead(200, ( "Content-Disposition": "attachment; 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(" some-worksheet") worksheet.addRow(["foo", "bar"]).commit() worksheet.commit() workbook.commit() )

برای فایل های حجیم عالی کار می کند، خیلی بهتر از excel4node(مصرف بسیار زیادی از حافظه دریافت کرد و فرآیند گره "خارج از حافظه" پس از تقریباً 5 دقیقه برای یک فایل حاوی 4 میلیون سلول در 20 برگ از کار افتاد) زیرا قابلیت پخش آن بسیار محدودتر است (اجازه نمی دهد داده های "commit()" واکشی شوند. تکه هایی مثل اینکه فقط آنها می توانند تولید شوند)

سلام خدمت خوانندگان عزیز وبلاگ جای تعجب نیست که سایت های رسانه ای اخیراً به طور فزاینده ای محبوب شده اند. در چنین سایت هایی بسیار جالب است، به عنوان مثال می توانید چند ویدیو تماشا کنید یا به موسیقی عالی گوش دهید. اما این بار به موسیقی گوش می دهیم، یعنی یاد می گیریم که چگونه فایل های صوتی را با استفاده از HTML5 در وب سایت خود قرار دهیم.

همانطور که به نظر می رسد، HTML5 از برچسب های صوتی پشتیبانی می کند و درج موسیقی را در یک وب سایت بسیار آسان می کند. درست است که همه مرورگرهای قدیمی فایل صوتی را پخش نمی کنند، اما همه مرورگرهای مدرن این کار را با صدای بلند انجام می دهند.

نسخه ی نمایشی

پشتیبانی از مرورگر

همه مرورگرهایی که از برچسب پشتیبانی می کنند

به عنوان مثال: IE9+ فقط از فایل های mp3 پشتیبانی می کند، اما wav و ogg را پشتیبانی نمی کند.

کروم بعد از نسخه 6 تقریباً از همه فرمت ها پشتیبانی می کند.

Opera 10+ mp3 را پشتیبانی نمی کند، صادقانه بگویم، به نظر من این عیب بسیار بزرگ آن است، از چنین فرمت محبوبی پشتیبانی نمی کند. اما با wav و ogg عالی کار می کند.

این داستان در مورد مرورگر فایرفاکس مانند اپرا است. برای این او یک منهای بزرگ و چاق دارد.

سافاری از همه فرمت های صوتی به جز ogg پشتیبانی می کند.

افزودن فایل صوتی به سایت

برای افزودن یک فایل صوتی به سایت خود به بین تگ ها نیاز دارید لینک مستقیم فایل را ارائه دهید پیوند با استفاده از یک برچسب نشان داده شده است . این چیزی است که کد تمام شده به نظر می رسد:

همانطور که می بینید، 3 فایل به طور همزمان در اینجا اضافه شده است، بنابراین اگر برخی از مرورگرها mp3 را پشتیبانی نمی کند، به طور خودکار فرمت مورد نظر را پخش می کند و غیره.

اگر مرورگر به هیچ وجه از تگ پشتیبانی نکند چه؟

اما ما مردم مهربانی هستیم :-) و اگر کاربر نتواند موزیک را گوش کند به او اجازه دانلود می دهیم. برای این کار فقط باید به فایل ها لینک اضافه کنید. بنابراین ما کد زیر را دریافت خواهیم کرد:

مرورگر شما صدا را پشتیبانی نمی کند

به این ترتیب کاربر می تواند فایل را دانلود کند :-)

دوستان اینم یه نمونه کار ما یک پخش کننده ساده توسط خود مرورگر نصب می شود.

نسخه ی نمایشی

دوستان عزیز همین. اگر سوال یا مشکلی دارید در نظرات بپرسید. به زودی میبینمت.