@besovideo/webrtc-player 0.8.69 → 0.8.71

package/dist/main.es.css

@@ -1,4 +1,4 @@
-/* sass-plugin-1:G:\develop\bvweb-player\node_modules\tippy.js\dist\tippy.css */
+/* sass-plugin-0:G:\develop\bvweb-player\node_modules\.pnpm\tippy.js@6.3.7\node_modules\tippy.js\dist\tippy.css */
 .tippy-box[data-animation=fade][data-state=hidden] {
   opacity: 0;
 }
@@ -81,7 +81,7 @@
   z-index: 1;
 }
 
-/* sass-plugin-1:G:\develop\bvweb-player\node_modules\tippy.js\animations\shift-away.css */
+/* sass-plugin-0:G:\develop\bvweb-player\node_modules\.pnpm\tippy.js@6.3.7\node_modules\tippy.js\animations\shift-away.css */
 .tippy-box[data-animation=shift-away][data-state=hidden] {
   opacity: 0;
 }
@@ -98,7 +98,7 @@
   transform: translateX(-10px);
 }
 
-/* sass-plugin-1:G:\develop\bvweb-player\src\styles\contextmenu.css */
+/* sass-plugin-0:G:\develop\bvweb-player\src\styles\contextmenu.css */
 .cm_container {
   position: absolute;
   opacity: 0;
@@ -192,7 +192,7 @@
   background-color: inherit;
 }
 
-/* sass-plugin-1:G:\develop\bvweb-player\src\styles\main.scss */
+/* sass-plugin-0:G:\develop\bvweb-player\src\styles\main.scss */
 .bvplayer-common-flex-space {
   display: inline-block;
   flex: 1;
@@ -235,7 +235,6 @@
 .bvplayer-button {
   cursor: pointer;
   -webkit-appearance: none;
-  -moz-appearance: none;
   appearance: none;
   outline: none;
   border: 0;
@@ -476,8 +475,6 @@
   height: 98px;
   color: #fff;
   -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
   user-select: none;
   pointer-events: none;
   visibility: hidden;
@@ -530,7 +527,6 @@
   cursor: pointer;
   display: inline-block;
   -webkit-appearance: none;
-  -moz-appearance: none;
   appearance: none;
   width: 36px;
   height: 100%;
@@ -597,7 +593,6 @@
 .bvplayer-ptz-control-button {
   cursor: pointer;
   -webkit-appearance: none;
-  -moz-appearance: none;
   appearance: none;
   outline: none;
   border: 0;
@@ -618,8 +613,6 @@
   height: 100%;
   display: inline-block;
   -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
   user-select: none;
 }
 .bvplayer-ptz-speed-slider_header,
@@ -765,7 +758,6 @@
   overflow: hidden;
   text-overflow: ellipsis;
   vertical-align: top;
-  -moz-text-align-last: justify;
   text-align-last: justify;
 }
 .bvplayer-ptz_control_camera-option_item_value {
@@ -870,6 +862,8 @@
   display: flex;
   flex-direction: column;
   align-items: end;
+  margin-left: 70px;
+  width: calc(100% - 70px);
 }
 .bvplayer-player_info-modal_list {
   min-width: 210px;
@@ -895,3 +889,147 @@
   white-space: normal;
   word-break: break-all;
 }
+.bvplayer-blaybackbar {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+}
+.bvplayer-blaybackbar .right-options {
+  position: absolute;
+  right: 16px;
+  top: 14px;
+}
+.bvplayer-blaybackbar .svg-sound {
+  color: white;
+  cursor: pointer;
+  display: inline-block;
+  width: -moz-fit-content;
+  width: fit-content;
+  vertical-align: super;
+  padding: 5px;
+  padding: 5px 8px;
+  border-radius: 15px;
+}
+.bvplayer-blaybackbar .svg-sound .range-input {
+  width: 0px;
+  vertical-align: middle;
+  margin-right: 2px;
+  transition: width 0.5s;
+  display: none;
+}
+.bvplayer-blaybackbar .svg-sound .range-input::-webkit-slider-thumb {
+  background: #ffffff;
+}
+.bvplayer-blaybackbar .svg-sound svg {
+  vertical-align: middle;
+}
+.bvplayer-blaybackbar .svg-sound:hover {
+  background-color: rgba(44, 44, 44, 0.61);
+}
+.bvplayer-blaybackbar .svg-sound:hover .range-input {
+  display: inline-block;
+  width: 60px;
+  margin-right: 10px;
+}
+.bvplayer-markerhandle {
+  height: 100%;
+}
+.bvplayer-markerhandle .mark-timeline-title > span {
+  width: 25%;
+  display: inline-block;
+  text-align: center;
+  font-weight: bolder;
+  color: #989898;
+  font-size: small;
+  line-height: 32px;
+}
+.bvplayer-markerhandle .mark-timeline-line {
+  border-bottom: 1px solid #e0e0e0;
+}
+.bvplayer-markerhandle .mark-timeline-line-content {
+  line-height: 40px;
+}
+.bvplayer-markerhandle .mark-timeline-line-content > span {
+  color: #858585;
+}
+.bvplayer-markerhandle .mark-timeline-line-content:hover {
+  background-color: #ecf5ff;
+  transition: background 0.3s;
+}
+.bvplayer-markerhandle .input-handle-marker {
+  padding-top: 5px;
+}
+.bvplayer-markerhandle .input-handle-marker .custom_input {
+  display: flex;
+  align-items: center;
+  position: relative;
+  max-width: 100%;
+}
+.bvplayer-markerhandle .input-handle-marker .input {
+  font-size: 12px;
+  padding: 0px 10px;
+  margin-right: 5px;
+  width: calc(100% - 240px);
+  line-height: 30px;
+  outline: none;
+  background: #ffffff;
+  color: #000000;
+  border: 1px solid #c4d1eb;
+  border-radius: 5px;
+  transition: 0.3s ease;
+}
+.bvplayer-markerhandle .input-handle-marker .input:focus {
+  background: #f2f2f2;
+  border: 1px solid #6e98ec;
+  border-radius: 5px;
+}
+.bvplayer-markerhandle .input-handle-marker .input::placeholder {
+  color: #dddddd;
+}
+.bvplayer-markerhandle .input-handle-marker .show-wrapper {
+  vertical-align: middle;
+  margin-right: 5px;
+  margin-left: 1px;
+  cursor: pointer;
+}
+.bvplayer-markerhandle .testbutton {
+  cursor: pointer;
+  font-family: "times new roman";
+  color: #02050a !important;
+  font-size: 12px;
+  text-shadow: 0px 0px 0px #7cacde;
+  box-shadow: 0px 0px 0px #f5f5f5;
+  padding: 7px 15px;
+  border-radius: 3px;
+  line-height: 16px;
+  border: 1px solid #c4c4c4;
+  background: #ffffff;
+}
+.bvplayer-markerhandle .testbutton:hover {
+  color: #409eff !important;
+  background: #ecf5ff;
+}
+.bvplayer-markerhandle .opt-controls {
+  z-index: 1;
+  padding: 5px 0px;
+  border: 1px solid lightgray;
+  border-radius: 4px;
+  top: 36px;
+  left: 5px;
+  width: 80px;
+  color: #bebebe;
+}
+.bvplayer-markerhandle .testbutton-noborder {
+  border: 0px;
+}
+.bvplayer-markerhandle .marker-display-panel {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  height: 80%;
+  width: 100%;
+  pointer-events: none;
+  overflow: hidden;
+}