use issue forms (video-dev#4093)

* use issue forms

* fix casing

* additional context not required

* indentation

* remove title prefix

* remove markdown render

* fix casing

* fix feature label

* fix casing

* Update bug.yaml

* Update feature.yaml

* Update question.yaml

.github/ISSUE_TEMPLATE/bug.yaml

@@ -0,0 +1,105 @@
+name: Bug Report
+description: Create a report to help us improve
+labels: [Bug, Needs Triage]
+body:
+  - type: input
+    id: version
+    attributes:
+      label: What version of Hls.js are you using?
+      placeholder: e.g. vX.Y.Z
+    validations:
+      required: true
+  - type: input
+    id: browser
+    attributes:
+      label: What browser (including version) are you using?
+      placeholder: e.g. Chrome 91.0.4472.106 (Official Build) (x86_64)
+    validations:
+      required: true
+  - type: input
+    id: os
+    attributes:
+      label: What OS (including version) are you using?
+      placeholder: e.g. Windows 10
+    validations:
+      required: true
+  - type: input
+    id: stream
+    attributes:
+      label: Test stream
+      description: If possible, please provide a test stream or page. You can paste your stream into the demo and provide the permalink here.
+    validations:
+      required: false
+  - type: textarea
+    id: configuration
+    attributes:
+      label: Configuration
+      description: Please provide the player configuration.
+      placeholder: |
+        {
+          "debug": false,
+          "backBufferLength": 60
+        }
+      value: '{}'
+      render: JavaScript
+    validations:
+      required: true
+  - type: textarea
+    id: additional_player_steps
+    attributes:
+      label: Additional player setup steps
+      description: Please provide any additional player setup steps if there are any.
+    validations:
+      required: false
+  - type: checkboxes
+    id: checklist
+    attributes:
+      label: Checklist
+      options:
+        - label: The issue observed is not already reported by searching on Github under https://github.com/video-dev/hls.js/issues
+          required: true
+        - label: The issue occurs in the stable client (latest release) on https://hls-js.netlify.com/demo and not just on my page
+          required: true
+        - label: The issue occurs in the latest client (main branch) on https://hls-js-dev.netlify.com/demo and not just on my page
+          required: true
+        - label: The stream has correct Access-Control-Allow-Origin headers (CORS)
+          required: true
+        - label: There are no network errors such as 404s in the browser console when trying to play the stream
+          required: true
+  - type: textarea
+    id: steps_to_reproduce
+    attributes:
+      label: Steps to reproduce
+      description: Please provide clear steps to reproduce your problem.  If the bug is intermittent, give a rough frequency.
+      value: |
+        1. 
+        2.
+    validations:
+      required: true
+  - type: textarea
+    id: expected_behaviour
+    attributes:
+      label: Expected behaviour
+    validations:
+      required: true
+  - type: textarea
+    id: actual_behaviour
+    attributes:
+      label: What actually happened?
+    validations:
+      required: true
+  - type: textarea
+    id: console_output
+    attributes:
+      label: Console output
+      description: Paste the contents of the browser console here (with `debug` enabled in your config).
+      render: shell
+    validations:
+      required: true
+  - type: textarea
+    id: media_internals_output
+    attributes:
+      label: Chrome media internals output
+      description: For media errors reported on Chrome browser, please also paste the output of "chrome://media-internals"
+    validations:
+      required: false

.github/ISSUE_TEMPLATE/feature.yaml

@@ -0,0 +1,25 @@
+name: Feature Request
+description: Suggest an idea for this project
+labels: [Feature proposal, Needs Triage]
+body:
+  - type: textarea
+    id: problem
+    attributes:
+      label: Is your feature request related to a problem? Please describe.
+      description: A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
+    validations:
+      required: true
+  - type: textarea
+    id: solution
+    attributes:
+      label: Describe the solution you'd like
+      description: A clear and concise description of what you want to happen.
+    validations:
+      required: true
+  - type: textarea
+    id: context
+    attributes:
+      label: Additional context
+      description: Add any other context or screenshots about the feature request here.
+    validations:
+      required: false

.github/ISSUE_TEMPLATE/question.yaml

@@ -0,0 +1,16 @@
+name: Question
+description: Need some help?
+labels: [Question, Needs Triage]
+body:
+  - type: textarea
+    id: question
+    attributes:
+      label: What do you want to do with Hls.js?
+    validations:
+      required: true
+  - type: textarea
+    id: question
+    attributes:
+      label: What have you tried so far?
+    validations:
+      required: false