<!DOCTYPE html><html lang="ar"><meta charset="UTF-8">مشاركة الشاشة<title>مشاركة الشاشة</title><style> body { font-family: Arial; direction: rtl; padding: 20px; } video { width: 100%; border: 1px solid #ccc; margin-top: 15px; } button { padding: 10px 15px; font-size: 16px; cursor: pointer; }</style>🖥️ مشاركة الشاشة
<button id="shareBtn">بدء مشاركة الشاشة</button><video id="screen" autoplay playsinline></video><script>const btn = document.getElementById("shareBtn");const video = document.getElementById("screen");btn.addEventListener("click", async () => { try { const stream = await navigator.mediaDevices.getDisplayMedia({ video: true, audio: false }); video.srcObject = stream; // عند إيقاف المشاركة stream.getVideoTracks()[0].onended = () => { alert("تم إيقاف مشاركة الشاشة"); video.srcObject = null; }; } catch (error) { console.error(error); alert("❌ لم يتم السماح بمشاركة الشاشة"); }});</script>