کداکسپلور | CodeExplore

💻 برای دریافت دوربین کاربر و نمایش آن در صفحه HTML با JavaScript، می توانید از مراحل زیر استفاده کنید:

1⃣ اول باید دسترسی رو از کاربر با کمک این کد بگیرید (و البته که باید المنت هامون رو هم پیدا بکنیم):

const myVideo = document.getElementById('myVideo');
const startButton = document.getElementById('startButton');
const stopButton = document.getElementById('stopButton');
navigator.mediaDevices.getUserMedia({ video: true })
  .then(function(stream) {
    // اینجا برای مراحل 2 و 3 هستش و مال وقتیه که درخواست شما تایید بشه، فعلا بهش اهمیت ندین.
  })
  .catch(function(error) {
    //اینجا برای وقتیه که درخواست شما رد میشه
    console.error("Error accessing the camera:", error);
  });

🔢 بعد باید توی بخش html ، از تگ video استفاده کنید که قبلا توی این پست کامل و مختصر معرفیش کرده بودیم!

<video id="myVideo" width="640" height="360"></video>

و حالا این یک خط کد رو هم توی بخشی که گفتم برای مراحل 2 و 3 هستش اضافه کنید:

myVideo.srcObject = stream;

🔢 این بخش اختیاری هست و میتونید انجامش ندید ، ولی برای این هستش که کاربر بتونه وضعیت دوربینش رو کنترل کنه و ببینه براش دوربین رو نشون بده یا متوقف بشه! یک نگاهی به کد بندازید که منظورم رو متوجه بشید!
این دو خط کد html رو زیر تگ video مون بزارید:

<button id="startButton">شروع</button>
<button id="stopButton">توقف</button>

و این چند خط کد جاوااسکریپتِ ناقابل رو بعد از اون محدوده ای که توی قسمت 1 گفتیم بنویسید :

startButton.addEventListener('click', function() {
      myVideo.play();
    });

stopButton.addEventListener('click', function() {
      myVideo.pause();
    });

✅به طور خلاصه الان کد شما باید یه همچین شکل و شمایلی گرفته باشه :

<!DOCTYPE html>
<html lang="fa">
<head>
  <meta charset="UTF-8">
  <title>نمایش دوربین کاربر</title>
</head>
<body>
  <h1>نمایش دوربین کاربر</h1>

  <video id="myVideo" width="640" height="360"></video>

  <button id="startButton">شروع</button>
  <button id="stopButton">توقف</button>

  <script>
    const myVideo = document.getElementById('myVideo');
    const startButton = document.getElementById('startButton');
    const stopButton = document.getElementById('stopButton');

    navigator.mediaDevices.getUserMedia({ video: true })
      .then(function(stream) {
        myVideo.srcObject = stream;
      })
      .catch(function(error) {
        console.error("Error accessing the camera:", error);
      });

    startButton.addEventListener('click', function() {
      myVideo.play();
    });

    stopButton.addEventListener('click', function() {
      myVideo.pause();
    });
  </script>
</body>
</html>

⭕️

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

#camera #html #javascript

☕️

@CodeExplore

Please open Telegram to view this post

VIEW IN TELEGRAM

⚡10🔥4❤‍🔥3

1.64K viewsCodeExplore, 11:44

کداکسپلور | CodeExplore

مجموعه ای از موارد فنی که هر برنامه نویسی باید درباره آن بداند

🟢

🔗

github.com/mr-mig/every-programmer-should-know

#programming #tutorial

☕️

@CodeExplore

Please open Telegram to view this post

VIEW IN TELEGRAM

⚡10🔥4❤‍🔥2

1.78K viewsAmirMasoud, 14:06

کداکسپلور | CodeExplore

تمام علامت هایی که توی برنامه نویسی به کار میرن

🤨

🗣️البته چندتا از عکس افتاده!

<> _ / :

❓شما با کدوما بیشتر سر و کار دارید؟ چیز دیگه ای از قلم افتاده؟

#symbols

☕️

@CodeExplore

Please open Telegram to view this post

VIEW IN TELEGRAM

❤‍🔥14⚡4🔥3😁1

1.57K viewsKoorosh, 15:53

کداکسپلور | CodeExplore

منبعی پر از الگوهای طراحی برای وب و اپلیکیشن های موبایل و ... که میتونید ازشون برای طراحی ایده بگیرید 🔝

👉

https://uplabs.com

#design #ideas

☕️

@CodeExplore

Please open Telegram to view this post

VIEW IN TELEGRAM

⚡10❤‍🔥3🔥3

2.63K viewsAmirMasoud, 18:01

کداکسپلور | CodeExplore

از جلو چشمام دور شو 💀

#fun

☕️

@CodeExplore

Please open Telegram to view this post

VIEW IN TELEGRAM

😁20⚡15🔥2

1.62K viewsKoorosh, 05:53

کداکسپلور | CodeExplore

راه میانبر در CSS 🔵

#css

☕️

@CodeExplore

Please open Telegram to view this post

VIEW IN TELEGRAM

❤‍🔥20⚡3🔥3

1.7K viewsKoorosh, 07:52

کداکسپلور | CodeExplore

پیاده سازی الگوریتم های پرکاربرد و مفید به همراه مثال های آنها در دنیای واقعی با جاوا اسکریپت 💯

🌪

github.com/jiayihu/pretty-algorithms

#javascript #algorithm #tutorial

☕️

@CodeExplore

Please open Telegram to view this post

VIEW IN TELEGRAM

❤‍🔥8⚡3🔥3

1.7K viewsAmirMasoud, 09:56

کداکسپلور | CodeExplore

آموزش دستورات SQL به صورت ساده و کاربردی

☄️

🔗

https://sqlteaching.com

#sql #tutorial

☕️

@CodeExplore

Please open Telegram to view this post

VIEW IN TELEGRAM

🔥12❤‍🔥3⚡3

2.59K viewsAmirMasoud, edited 12:12

کداکسپلور | CodeExplore

ترمینال با هوش مصنوعی به نام Warp

🔥

🔴در حال حاضر فقط برای macOS هست ولی قراره برای ویندوز و لینوکس هم منتشر بشه که با ثبت نام تو Waitlist از انتشارش خبردار میشید.

🔗

warp.dev‎

#site #warp

☕️

@CodeExplore

Please open Telegram to view this post

VIEW IN TELEGRAM

⚡11🔥5❤‍🔥2

1.52K viewsKoorosh, 13:41

کداکسپلور | CodeExplore

0:42

This media is not supported in your browser

VIEW IN TELEGRAM

💠

این ویدیو نشون میده هوش مصنوعی چجوری پاسخ هارو تولید می‌کنه

+ شبیه احتمالات تک تک تصمیمات زندگیمون ؛ هر تصمیم حتی کوچیک، می‌تونه منتهی به مسیر متفاوت بشه :)

☕️

@CodeExplore

Please open Telegram to view this post

VIEW IN TELEGRAM

❤‍🔥18🔥6⚡2

1.7K viewsᎷᎪᎻᎠᏆ, 15:42

کداکسپلور | CodeExplore

⌨️

میخوای مهارت برنامه نویسیت رو تقویت کنی؟؟؟

• از سایت های زیر برای تمرین استفاده کن

🏷

Project Euler

📎

projecteuler.net

🏷

CodeSignal

📎

codesignal.com

🏷

CodeChef

📎

codechef.com

🏷

Exercism

📎

exercism.io

🏷

Coderbyte

📎

coderbyte.com

🏷

Codeforces

📎

codeforces.com

#site

☕️

@CodeExplore

Please open Telegram to view this post

VIEW IN TELEGRAM

❤‍🔥10⚡4🔥3

1.88K viewsᎷᎪᎻᎠᏆ, 17:43

کداکسپلور | CodeExplore

خودشه 🫵

#fun

☕️

@CodeExplore

Please open Telegram to view this post

VIEW IN TELEGRAM

🔥18😁15⚡2

1.36K viewsKoorosh, 06:05

کداکسپلور | CodeExplore

کد اکسپلور | Code Explore

تمام متد های لیست در پایتون 🔥

🟠میدونیم که لیست در پایتون و امثالش در زبانهای دیگه خیلی کاربرد دارن! نکته قبل توجهی که هست اینه که بجز لیست ، در پایتون Set , Tuple , Dictionary هم داریم که هر کدوم با همدیگه فرق میکنن!

🔵سری بعدی کدوم یکی رو مورد بررسی قرار…

استفاده از List در Python به عنوان صف!

⌨️

⏸ قبل از شروع ، میدونیم کلی راه بهتر هست برای انجام این کار ، اما به هممون ثابت شده بعضی وقتا باید کار خلاقانه تر از چیزی باشه که توی ویدیو های آموزشی بهمون یاد میدن پس این پست هم میتونه کاربردی براتون واقع بشه!

▶️ ما میتونیم از لیست ها در پایتون به عنوان صف استفاده کنیم ، میپرسین چطوری؟ بیاین یک مثال بزنیم. سه تا اسمِ بیمار داریم:
سروش ، ارژنگ ، شمیم
حالا برنامه ما قراره هر وقت نوبتشون شد اسمشون رو پرینت کنه

queue = []

queue.append("سروش")
queue.append("ارژنگ")
queue.append("شمیم")

print(queue.pop(0))  # Output: سروش
print(queue.pop(0))  # Output: ارژنگ
print(queue.pop(0))  # Output: شمیم

اینجوری هر وقت که اسم بیمار پرینت میشه ، از لیست هم حذف میشه!

💡

کاربرد لیست خیلی بیشتر از این مثال هست ، انواع دستوراتش رو توی این پست براتون جمع آوری کردیم

💙

#list #python

☕️

@CodeExplore

Please open Telegram to view this post

VIEW IN TELEGRAM

🔥9⚡4❤‍🔥3

1.47K viewsKoorosh, 07:44

کداکسپلور | CodeExplore

آیکن های آماده در فرمت های مختلف برای استفاده در طراحی های وب و موبایل

🔥

👉

pixelbuddha.net/freebie/web-and-mobile-icons-bundle

#icon #web #app

☕️

@CodeExplore

Please open Telegram to view this post

VIEW IN TELEGRAM

❤‍🔥7🔥4⚡2

1.63K viewsAmirMasoud, 09:51

کداکسپلور | CodeExplore

پرکاربردترین نکات و ترفندهای git

🟢

🌪

https://github.com/git-tips/tips

#git #tips #tricks

☕️

@CodeExplore

Please open Telegram to view this post

VIEW IN TELEGRAM

🔥11⚡5❤‍🔥3

1.8K viewsAmirMasoud, 11:57

کداکسپلور | CodeExplore

سایت CodeAverngers

🌐

🖥 اگر می‌خواهید برنامه‌نویسی با زبان های HTML، CSS، Javascript, python رو یاد بگیرین و در عین حال میخواین از شیوه‌ی آموزشی سرگرم‌کننده‌ بهره ببرید، Codeavengers برای شما پیشنهاد خوبی هستش.

🗣️سایت Codeavengers از محیط‌های آموزشی سرگرم‌کننده و مشارکتی‌ای استفاده کرده که برای تمامی گروه‌های سنی، کارآمد و بسیار جذاب هست. حتی اگر در زمینه برنامه‌نویسی اطلاعاتی متوسط داشته باشید، در اینجا باز هم می‌توانید موضوعاتی جالب برای یادگیری پیدا کنید.

🔗

لینک سایت

#codeavengers #site

☕️

@CodeExplore

Please open Telegram to view this post

VIEW IN TELEGRAM

⚡10🔥3❤‍🔥2

1.87K viewsKoorosh, 14:11

کداکسپلور | CodeExplore

تغییر تم ولوم گوشی

📱

⭐️با استفاده از اپلیکیشنی که قراره تو این پست معرفی کنیم میتونی ولوم استایل گوشیتو جذاب کنی و از حالت ساده قبلنش دربیاری👌

🚫فقط کافیه اپلیکیشن volume style رو نصب کنید ، لینک گوگل پلی :

🛒

دانلود نرم افزار از گوگل پلی

🗣️ بعد از نصب یکی از تم هارو انتخاب کنید و دکمه Apply رو بزنید و حالا ولوم گوشیتون رو کم و زیاد کنید تا نتیجه کار رو ببینید.

#volumestyle #apk

☕️

@CodeExplore

Please open Telegram to view this post

VIEW IN TELEGRAM

🔥8⚡4❤‍🔥2

1.52K viewsKoorosh, 16:07

کداکسپلور | CodeExplore

3 چـیـز را بـیـامـوزیـد
و بــه فــرزنــدان خـود نـیـز یــاد بـدهـیـد:

1- بـرنـامـه نـویـسـی
2- زبـان خـارجـه
3- نـحـوه بـرقـرارکـردن ارتـبـاط

#fact

☕️

@CodeExplore

Please open Telegram to view this post

VIEW IN TELEGRAM