如何解决预览流黑屏的问题

{ 
  "module": { 
    ... 
    "requestPermissions": [ 
      { 
        "name": "ohos.permission.CAMERA", 
        "usedScene": { 
          "abilities": [ 
            "FormAbility" 
          ], 
          "when":"always" 
        }, 
        "reason": "$string:app_name" 
      }, 
      { 
        "name": "ohos.permission.MICROPHONE", 
        "usedScene": { 
          "abilities": [ 
            "FormAbility" 
          ], 
          "when":"always" 
        }, 
        "reason": "$string:app_name" 
      }, 
      { 
        "name": "ohos.permission.WRITE_MEDIA", 
        "usedScene": { 
          "abilities": [ 
            "FormAbility" 
          ], 
          "when":"always" 
        }, 
        "reason": "$string:app_name" 
      }, 
      { 
        "name": "ohos.permission.READ_MEDIA", 
        "usedScene": { 
          "abilities": [ 
            "FormAbility" 
          ], 
          "when":"always" 
        }, 
        "reason": "$string:app_name" 
      } 
    ], 
    ... 
  } 
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.

import { window } from '@kit.ArkUI'; 
import { abilityAccessCtrl, UIAbility } from '@kit.AbilityKit'; 
import { hilog } from '@kit.PerformanceAnalysisKit'; 
import { BusinessError } from '@kit.BasicServicesKit'; 
 
export default class EntryAbility extends UIAbility { 
  // ... 
  onWindowStageCreate(windowStage: window.WindowStage): void { 
    let atManager = abilityAccessCtrl.createAtManager(); 
    atManager.requestPermissionsFromUser(this.context, ['ohos.permission.CAMERA']).then((data) => { 
      console.info('data:' + JSON.stringify(data)); 
      console.info('data permissions:' + data.permissions); 
      console.info('data authResults:' + data.authResults); 
      // Main window is created, set main page for this ability 
      hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onWindowStageCreate'); 
 
      windowStage.loadContent('pages/CameraPage', (err, data) => { 
        if (err.code) { 
          hilog.error(0x0000, 'testTag', 'Failed to load the content. Cause: %{public}s', JSON.stringify(err) ?? ''); 
          return; 
        } 
        hilog.info(0x0000, 'testTag', 'Succeeded in loading the content. Data: %{public}s', JSON.stringify(data) ?? ''); 
      }); 
    }).catch((err: BusinessError) => { 
      console.info('data:' + JSON.stringify(err)); 
    }); 
  } 
  // ... 
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.

/** 
 * 自定义拍照 
 */ 
@Entry 
@Component 
struct CameraDemoPage { 
 // ... 
  async onPageShow() { 
    let baseContext = getContext() as common.BaseContext; 
    await this.initCamera(baseContext, this.surfaceId); 
  } 
  
  async onPageHide() { 
    await this.releaseCamera(); 
  } 
  //... 
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.

async initCamera(baseContext: ESObject, surfaceId: string) { 
  // ... 
  // 获取相机设备支持的输出流能力 
  let cameraOutputCap: camera.CameraOutputCapability = cameraManager.getSupportedOutputCapability(cameraArray[0]); 
  if (!cameraOutputCap) { 
    console.error("cameraManager.getSupportedOutputCapability error"); 
    return; 
  } 
  console.info("outputCapability: " + JSON.stringify(cameraOutputCap)); 
  // 预览流与录像输出流的分辨率的宽高比要保持一致 
  let previewProfilesArray: Array<camera.Profile> = cameraOutputCap.previewProfiles; 
  let position: number = 0; 
  if (previewProfilesArray != null) { 
    previewProfilesArray.forEach((value: camera.Profile, index: number) => { 
      console.info(`支持的预览尺寸: [${value.size.width},${value.size.height},${value.size.width / value.size.height }]`); 
      if (value.size.width === 2592 && value.size.height === 1200) { 
        position = index; 
      } 
    }) 
  } else { 
    console.error("createOutput photoProfilesArray == null || undefined"); 
  } 
  // ... 
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.