> For the complete documentation index, see [llms.txt](https://docs.augelab.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.augelab.com/arabic/almyzat-alreysyh/headless/augelab-web-view.md).

# عرض الويب

AugeLab Web View هي لوحة مراقبة خفيفة الوزن مخصصة للتشغيلات **بدون واجهة** (headless).

<figure><img src="/files/9ZkUlP5XCeQRWUei4qgO" alt="Headless Web View" width="600"><figcaption><p>Headless Web View</p></figcaption></figure>

تعرض اللوحة:

* معاينة صورة مباشرة (من مخرجات سيناريوك)
* لوحة سجلات متجددة (من سجلات البلوكات/السيناريو)

***

## بدء Web View

كل ما تحتاج إليه عند استخدام web-view هو استخدام بلوك `Subsystem Out` للاتصال بصورة الإخراج النهائية:

<figure><img src="/files/iHFWDx8ZCLn16mgWIWG2" alt="Web View Link" width="600"><figcaption><p>Web View Scenario</p></figcaption></figure>

ثم اكتب سكربت بايثون صغير:

```python
# headless_webview.py
from studio import StudioScenario

scenario = StudioScenario()
scenario.load_scenario(r"PATH_TO_SCENARIO.pmod")
scenario.run_server(
    host="127.0.0.1",
    port=8080,
    header="Scenario Server",
)
```

ثم افتح المتصفح على العنوان:

* `http://127.0.0.1:8080`

<figure><img src="/files/8tVvDlkf09NoGZniUG0X" alt="Web View Link" width="400"><figcaption><p>Web View Running</p></figcaption></figure>

***

## ما الذي تتوقعه اللوحة من سيناريوك

### اختيار صورة الإخراج

يعرض Web View أول ناتج يشبه الصورة يتم إنتاجه من السيناريو. إذا لم يُصدر السيناريو صورة، ستبقى المعاينة فارغة.

### تنسيق الصورة

* تنتظر المعاينة مخرجًا من نوع صورة.
* إذا بدا المصفوفة كصورة BGR (`H x W x 3`)، فستُبدل القنوات إلى RGB قبل العرض.

> ملاحظة: إذا كان "المخرج الأول" في السيناريو ليس صورة، فستظل اللوحة على الأرجح فارغة. في هذه الحالة، عدل السيناريو بحيث تكون المجموعة الأولى من المخرجات مصدرًا لصورة.

***

## السجلات

تعرض اللوحة السجلات الزمنية الأخيرة أثناء التشغيل.

***

## ملاحظات تشغيلية / قيود

* يتم تنفيذ السيناريو في حلقة لانهائية داخل خيط عمل في الخلفية.
* أوقف الخادم بواسطة Ctrl+C.