🎤تکنولوژی جدیدی برای شبیه سازی صدا با هوش مصنوعی معرفی شده که فقط با ۱۵ ثانیه صدا میتونه صدای هر کسی رو شبیه سازی کنه!

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

این تکنولوژی خیلی کاربردی به نظر میاد ولی باید حواسمون باشه که ازش درست استفاده کنیم.
#ai
☕️ @CodeExplore

قدر بدونین، ناشکری نکنین 🥲

#fun
☕️ @CodeExplore

پاورپوینت های خودتون رو با AI تو 5 دقیقه بسازید 🤩

با استفاده از Chat GPT میتونید خیلی راحت پاورپوینت دلخواه خودتون رو به بهترین شکل طراحی کنید و توی Power Point اجرا کنید و خروجیش رو ببینید.

چطوری؟ فقط کافیه این ویدئو رو ببینید.

#chatgpt #powerpoint
☕️ @CodeExplore | </SAFA>

تگ <video> در HTML ⌨️
🔹تگ <video> برای نمایش ویدئو در صفحات وب استفاده می‌شود. این تگ از HTML5 به بعد معرفی شده و به شما امکان می‌دهد تا فایل‌های ویدئویی را با فرمت‌های مختلف در صفحات خود قرار دهید.

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

1️⃣ویژگی‌های width و height: این دو ویژگی برای تعیین عرض و ارتفاع ویدئو به کار می‌روند.
2️⃣ویژگی controls: این ویژگی کنترل‌هایی مانند دکمه‌های Play و Pause را به ویدئو اضافه می‌کند.
3️⃣تگ <source>: این تگ برای مشخص کردن آدرس فایل ویدئو و نوع فرمت آن استفاده می‌شود.
4️⃣متن بین تگ‌های <video>: این متن فقط در مرورگرهایی که از تگ <video> پشتیبانی نمی‌کنند، نمایش داده می‌شود.
5️⃣استفاده از autoplay برای پخش خودکار ویدیو (البته در کروم ورژن 7 به بالا ، باید از muted هم استفاده کنید!)
6️⃣استفاده از loop برای تکرار ویدیو
7️⃣استفاده از muted برای پخش ویدیو بدون صدا
8️⃣و در آخر poster برای تنظیم عکس برای ویدیو

#html #video
☕️ @CodeExplore

🥉 ایران در رتبه سوم تعداد کانال و کاربران تلگرام!

▪️طبق آمار سایت telemetr از بررسی تعداد محدودی کانال، ایران رتبه سوم از نظر تعداد کانال و تعداد مشترکان کانال‌ها در جهان را دارد.

این آمار نشان دهنده:

۱. محبوبیت بالای تلگرام در ایران
۲. تولید محتوای فعال توسط ایرانیان در این پلتفرم
۳. استقبال گسترده از کانال‌های تلگرامی در موضوعات مختلف

#telegram
☕️ @CodeExplore

فهرستی از آموزش‌ها، ابزارها و منابع مفید برای هک و امنیت🔥

🌐 github.com/carpedm20/awesome-hacking

#hack #security
☕️ @CodeExplore

تگ canvas در HTML⌨️

🔸تگ <canvas> در HTML5 یک عنصر قدرتمند برای ایجاد گرافیک‌های پویا و تعاملی به طور مستقیم در صفحات وب شما است. این عنصر یک ناحیه مستطیلی مانند یک بوم خالی را ارائه می‌دهد که می‌توانید با استفاده از JavaScript و API Canvas اشکال، تصاویر و متن را در آن ترسیم کنید.

🔷نکات کلیدی:
هدف: ایجاد پویای گرافیک‌های دوبعدی در صفحات وب.
عملکرد: به JavaScript برای ترسیم و دستکاری نیاز دارد.
خروجی: تصاویر پیکسلی (بیت‌مپ) تولید می‌کند.
کاربردها: به طور گسترده برای انیمیشن‌ها، بازی‌ها، نمودارها، تجسم داده‌ها و موارد دیگر استفاده می‌شود.

یک نمونه کد:

<canvas width="200" height="100"></canvas>

▪️ویژگی‌های width و height: عرض و ارتفاع بوم را به پیکسل مشخص می‌کنند. این ویژگی‌ها برای تعریف ناحیه ترسیم ضروری هستند.

⚠️ این پست دو بخش میشه چون بخش دوم با جاوااسکریپت ترکیبش میکنیم. ممنونیم که کد اکسپلور رو دنبال میکنید ❤️

#html #canvas
☕️ @CodeExplore

🔴 اجرای آفلاین هوش مصنوعی Gemini حداقل 12 گیگابایت رم نیاز داره!!!

▪️طبق اعلام شرکت گوگل ؛ اجرای آفلاین مدل‌های هوش مصنوعی بر روی گوشی‌های هوشمند به سخت‌افزارهای قابل توجهی نیاز دارد که در هر گوشی یافت نمی‌شود.

▪️اخیراً معاون بخش خدمت نرم‌افزاری و دستگاه‌های کمپانی گوگل اشاره کرد که 12 گیگابایت حافظه رم موجود در گوشی Pixel 8 Pro انتخاب عالی برای بارگذاری Gemini Nano است.

▪️و با توجه به اینکه مدل رده پایین تر Pixel 8 معمولی 8 گیگابایت حافظه رم دارد، گوگل تصمیم گرفته از اجرای Gemini Nano بر روی این گوشی صرف نظر کند...

#ai #gemini
☕️ @CodeExplore

سایت devdocs 🌐

👍سایت devdocs یک سایتیه که مستندات و آموزش و مثال های متعددی برای هر زبان و جزء اون زبان داره! البته نمیشه گفت زبان، چون حتی برای وردپرس هم داکیومنت داره! 📝

👀جالبه بدونید این وبسایت از ۶۷۸ زبان پشتیبانی میکنه! و برای هر کدوم یک سری توضیحات داره.

🔗 devdocs.io

#site #devdocs
☕️ @CodeExplore

طراحی ساده و سریع با این ابزار ⚙️

😎با استفاده از سایت Smart mockups میتونید خیلی راحت موکاپ طراحی کنید (موکاپ یک سبک طراحی هست که باهاش روی اجسام سه بعدی متن مینویسن)

🟣 از موکاپ ها معمولا برای تبلیغ کردن محصول استفاده میشه و روی بسته های مکعبی ، اسم دوره آموزشی یا ... نوشته میشه ولی برای نوشتن متن عادی هم استفاده میشه!

#mockup
☕️ @CodeExplore

📬 جیمیل ۲۰ ساله شد!

۲۰ سال پیش، توی یه روز اول آوریل، جیمیل متولد شد. خیلی‌ها فکر کردن دروغِ اول آوریله! یه ایمیل با ۱ گیگابایت فضای ذخیره‌سازی؟! اون موقع‌ها ۱ گیگابایت خیلی چیز باارزشی بود.

حالا بعد از ۲۰ سال، جیمیل خیلی فرق کرده. ‍ از یه ایمیل ساده تبدیل شده به یه ابزار قدرتمند برای کار و زندگی. اما یه چیز عوض نشده، و اونم اینه که خیلی از مردم دنیا عاشق جیمیل هستن. ❤️

☕️ @CodeExplore

برنامه نویس ها در جاهای مختلف 🗿🔥

#fun
☕️ @CodeExplore

🎁 منبعی برای سوالات و چالش های رمزنگاری در ارز های دیجیتال در دسته بندی های مختلف برای علاقه مندان

➡️ https://cryptopals.com

#cryptography #challenge
☕️ @CodeExplore

⭐️دسترسی به ChatGPT بدون نیاز به ثبت‌نام فراهم شد!

🔔همین الان به چت‌بات محبوب ChatGPT بدون هیچ دردسری سر بزنید!

لینک چت‌بات: https://chat.openai.com

نکته: این قابلیت فعلا در برخی از کشورها فعال است.

#ai #chatgpt
☕️ @CodeExplore

تگ canvas در HTML (بخش دوم)⌨️

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

🔸استفاده از JavaScript با Canvas:

1️⃣دریافت آیدی: از document.getElementById() برای دریافت مرجع عنصر canvas در کد JavaScript خود استفاده کنید.

2️⃣دریافت Context: متد getContext() را در عنصر canvas صدا کنید و "2d" را به عنوان آرگومان برای دریافت 2D rendering context ارسال کنید. این Context Object روش‌های مختلفی برای ترسیم ارائه میده.

3️⃣شروع ترسیم: از روش‌های Context Object برای ترسیم اشکال، خطوط، تصاویر و متن استفاده کنید. برخی از روش‌های رایج عبارتند از:

▪️fillRect(x, y, width, height): یک ناحیه مستطیلی را پر می‌کند.
▪️strokeRect(x, y, width, height): یک خط دور مستطیل را ترسیم می‌کند.
▪️beginPath(): یک مسیر جدید برای ترسیم اشکال را آغاز می‌کند.
▪️moveTo(x, y): نقطه شروع یک مسیر را تعیین می‌کند.
▪️lineTo(x, y): نقطه فعلی را با یک خط به یک نقطه جدید متصل می‌کند.
▪️closePath(): مسیر فعلی را می‌بندد.
▪️stroke(): خطوط مسیر فعلی را ترسیم می‌کند.
▪️fillStyle: رنگ پر کردن (fill) را برای اشکال تعیین می‌کند.
▪️strokeStyle: رنگ خطوط (stroke) را برای خطوط تعیین می‌کند.
▪️fillText(text, x, y): متن را در یک موقعیت مشخص ترسیم می‌کند.
مثال:

<canvas id="myCanvas" width="300" height="150"></canvas>

var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");

ctx.fillStyle = "red";
ctx.fillRect(20, 20, 150, 100);

ctx.strokeStyle = "blue";
ctx.beginPath();
ctx.moveTo(50, 50);
ctx.lineTo(250, 100);
ctx.stroke();

این کد یک مستطیل قرمز و یک خط آبی را در بوم ایجاد می‌کند.

#html #javascript #canvas
☕️ @CodeExplore

🌐 این سرویس گوگل فردا تعطیل می‌شود!

▪️گوگل اعلام کرد اپلیکیشن Podcasts را فردا (۱۴ فروردین ۱۴۰۳) برای همیشه تعطیل می‌کند. پادکستس یکی از اپلیکیشن‌های نسبتا محبوب گوگل است که بیش از ۵۰۰ میلیون دانلود در سراسر جهان دارد.

▪️گوگل به کاربران پادکستس پیشنهاد می‌دهد به YouTube Music منتقل شوند. به گفته‌ی این شرکت، یوتیوب موزیک مقصد بهتری برای شنوندگان و تولیدکنندگان است و امکان جابه‌جایی یک‌پارچه بین محتوای صوتی و تصویری را می‌دهد.

#google
☕️ @CodeExplore